/* mental.fitness design tokens */

:root{
  /* grounds */
  --parchment:#F4F6F7;   /* page ground, cool gray */
  --white:#FFFFFF;       /* articles, cards */
  --stone:#EBEFF1;       /* bands, asides, cool gray */
  --deep-stone:#DCE3E7;  /* rare pull sections; no pillar labels on it */
  --slate:#0F1C24;       /* dark ground, replaces pure black */

  /* ink ladder */
  --ink:#213B4C;         /* headlines, body */
  --ink-2:#4A5763;       /* decks, secondary */
  --ink-3:#656B73;       /* meta, captions */
  --rule:#C9D1D5;        /* hairlines only, never text */

  /* one job per color */
  --teal:#38636B;        /* interactive only: links, buttons, focus */
  --gold:#A3531D;        /* burnt orange. Editorial: section marks, pull quotes, feature kickers */
  --teal-bright:#31BFBF; /* dark grounds only */
  --lavender:#C6B6F2;    /* dark grounds only */

  /* pillars (labels on parchment, white, stone) */
  --self:#0E7490;
  --others:#6B4E9E;
  --vitality:#3F6B52;
  --foundations:#6B6459;

  /* type */
  --display:'Schibsted Grotesk',system-ui,sans-serif; /* headlines, weights 500 700 800 */
  --read:'Newsreader',Georgia,serif;                  /* reading, 400 500 */
  --ui:'Switzer',-apple-system,system-ui,sans-serif; /* labels, nav, interface */
}

/* review banner: preview builds only */
.review-banner{background:var(--slate); color:rgba(255,255,255,.82); font:500 12px/1.4 var(--ui);
  letter-spacing:.02em; padding:9px 20px; display:flex; flex-wrap:wrap; gap:6px 18px; align-items:center}
.review-banner b{color:#fff; font-weight:700}
.review-banner a{color:var(--teal-bright); text-decoration:none}
.review-banner a:hover,.review-banner a:focus-visible{text-decoration:underline}
.review-banner a[aria-current="page"]{color:#fff; text-decoration:underline}