/* STEP Wellbeing — color tokens
   Source of truth: the six STEP offline documents (deck, workbook, run-sheet,
   evidence brief, cascade pack, scope matrix). Values copied verbatim. */
:root {
  /* Base palette */
  --navy: #0E3A47;         /* primary dark field — title/statement slides, hero panels */
  --navy-deep: #0A2A34;    /* deepest field — section dividers, page desk */
  --teal: #1796A8;         /* supporting accent, kickers on light */
  --teal-bright: #21B6C8;  /* lifted teal — on-dark accents, tagline text */
  --green: #5FBB46;        /* signature spring green — the STEP accent */
  --emerald: #2FA56B;      /* mid green — ramps, second accent */
  --amber: #F0A93B;        /* caution/exclusion accent (X, watch-fors) */
  --amber-deep: #B9781C;   /* darker amber for text on light */

  /* Light surfaces & lines */
  --mist: #EEF4F3;         /* card fill on white; page section fill */
  --mist-2: #E2EDEC;       /* deeper mist — table headers, chips */
  --line: #D7E4E2;         /* hairlines & rules on light (decks) */
  --line-strong: #CBDAD8;  /* hairlines in print documents */

  /* Ink */
  --ink: #173039;          /* body text on light */
  --ink-soft: #456069;     /* secondary text on light */

  /* On-dark ink (used on navy fields) */
  --ondark-soft: #CFE0E3;  /* lead paragraphs on navy */
  --ondark-muted: #9FC2C7; /* captions, meta on navy */
  --ondark-body: #E4EEEF;  /* card body text on navy */

  /* On-accent ink (dark greens/teals for text on full-bleed accent slides) */
  --on-green-deep: #06280F;
  --on-green: #08301C;
  --on-green-soft: #0B3A1C;
  --on-teal: #03252B;
  --on-teal-bright: #052A31;

  /* Semantic aliases */
  --surface-page: #ffffff;
  --surface-card: var(--mist);
  --surface-dark: var(--navy);
  --surface-dark-deep: var(--navy-deep);
  --surface-card-on-dark: rgba(255, 255, 255, 0.06);
  --surface-card-on-accent: rgba(255, 255, 255, 0.55);
  --line-on-dark: rgba(255, 255, 255, 0.15);
  --border-pill-on-dark: rgba(255, 255, 255, 0.22);
  --text-body: var(--ink);
  --text-muted: var(--ink-soft);
  --text-heading: var(--navy);
  --text-on-dark: #ffffff;
  --accent: var(--green);

  /* C·S·O·X scope permissions */
  --csox-c: var(--green);        /* Contribute */
  --csox-s: var(--teal);         /* Supported */
  --csox-o: var(--teal-bright);  /* Observe */
  --csox-x: var(--amber);        /* Excluded — paid staff only */

  /* Tiers of support */
  --tier-1: var(--green);
  --tier-2: var(--emerald);
  --tier-3: var(--teal);
}