/* ==================================================================
   Culture Shock 2.0 — Design Tokens
   Codifies the CSS custom properties already shared between
   index.html and textbook.html :root blocks (production values,
   not redesigned). Source of truth per variable = index.html
   (landing/entry page) unless noted otherwise.
   ================================================================== */
:root{
  /* -- Text colors -- */
  --ink:#1a2233;      /* primary text color (headings, body copy) */
  --ink2:#4a5670;     /* secondary/muted text color (subtext, captions) */

  /* -- Surface colors -- */
  --bg:#f5f7fb;        /* page background */
  --card:#ffffff;      /* card/panel background (from textbook.html; index.html has no --card) */

  /* -- Brand colors -- */
  --brand:#3b5bdb;     /* primary brand color (buttons, links, accents) */
  --brand2:#1098ad;    /* secondary brand color (teal accent, gradients) */

  /* -- Accent color --
     NOTE: same color value (#f59f00) exists under two different names:
     index.html defines it as --acc, textbook.html defines it as --accent.
     Not a value conflict (values match), but a naming conflict.
     Keeping index.html's name (--acc) as default per landing-page precedence;
     --accent is aliased to the same value for textbook.html compatibility.
     TODO(manual reconciliation): pick one name and update both source files. */
  --acc:#f59f00;       /* accent/highlight color — index.html name */
  --accent:#f59f00;    /* accent/highlight color — textbook.html name (same value as --acc) */

  /* -- Status colors (from textbook.html; index.html has no status colors) -- */
  --ok:#2f9e44;        /* success/correct state color */
  --bad:#e03131;       /* error/incorrect state color */

  /* -- Structure -- */
  --line:#e3e8f2;      /* border/divider color */
  --soft:#eef2fb;       /* soft/subtle background fill (from textbook.html) */
  --radius:16px;        /* default corner radius for cards/panels (from textbook.html) */
}