/* Premier Media Design — color tokens (values verbatim from source system) */
:root {
  /* -- Core palette -- */
  --ink:         #1C2428;   /* primary text + dark sections            */
  --ink-2:       #1F282C;   /* hero dark card                          */
  --ink-3:       #273338;   /* deep panel                              */
  --ink-4:       #2B373D;   /* raised dark surface                     */
  --page-black:  #121A1E;   /* page bg behind hero card                */
  --slate:       #618764;   /* PRIMARY accent — buttons, links, brand  */
  --slate-hover: #9CB080;   /* hover border/fill                       */
  --slate-deep:  #2B5748;   /* pressed / deep accent                   */
  --mist:        #E9EEE4;   /* light section background                */
  --mist-2:      #EFF2EA;   /* alt light surface                       */
  --mist-3:      #D9E0D0;   /* light border                            */
  --white:       #FFFFFF;
  --green:       #1DD839;   /* status dot                              */
  --green-bright:#41FF5E;   /* active breadcrumb dot                   */
  --pulse:       rgba(156,176,128,.7); /* pulseShadow ring colour      */

  /* -- Semantic aliases -- */
  --text-primary:   var(--ink);
  --text-on-dark:   var(--white);
  --surface-page:   var(--white);
  --surface-dark:   var(--ink);
  --surface-hero:   var(--ink-2);
  --surface-panel:  var(--ink-3);
  --surface-light:  var(--mist);
  --surface-bright: var(--slate);
  --border-light:   var(--mist-3);
  --accent:         var(--slate);
  --accent-hover:   var(--slate-hover);

  /* -- Signature gradients (verbatim) -- */
  --grad-headline-dark:  linear-gradient(94.74deg, #FFFFFF .26%, #618764 118.16%); /* @kind other */
  --grad-headline-light: linear-gradient(94.74deg, #1C2428 .26%, #618764 118.16%); /* @kind other */
  --grad-headline-mist:  linear-gradient(94.13deg, #E9EEE4 .14%, #618764 153.8%); /* @kind other */
  --grad-glass-slate:    linear-gradient(180deg, rgba(97,135,100,.3) 0%, rgba(97,135,100,.12) 100%); /* @kind other */
  --grad-glass-subtle:   linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,.006) 100%); /* @kind other */
  --grad-border-shimmer: linear-gradient(90.45deg, rgba(255,255,255,.2) -.56%, rgba(255,255,255,0) 36.13%, rgba(255,255,255,.2) 102.47%); /* @kind other */
  --grad-border-shimmer-dark: linear-gradient(90.45deg, rgba(0,0,0,.1) -.56%, rgba(0,0,0,0) 36.13%, rgba(0,0,0,.1) 102.47%); /* @kind other */
  --grad-slate-fade:     linear-gradient(90deg, rgba(97,135,100,.4) 4.2%, rgba(97,135,100,0) 100%); /* @kind other */
  --grad-mist-slate:     linear-gradient(90deg, rgba(233,238,228,.3) 0%, rgba(97,135,100,.3) 100%); /* @kind other */

  /* -- Status dot glow -- */
  --glow-green: 0 0 8px 0 #1DD839;
}