/* Mootly — THEME TOKENS ONLY. The :root blocks of styles.css, extracted
   2026-09-22 for pages that use var(--…) without loading styles.css
   (sign-in, sign-up, verify-email, counsel-selection, motion-type-selection,
   debrief-dialog): their borders and button fills resolved to nothing.
   Regenerate from styles.css when its tokens change. */

:root {
  /* DAYLIGHT CALENDAR variant — chosen by Silas 2026-09-06 (direction C of
     docs/design/DESIGN_DIRECTIONS_2026-09-06.html). Baby-blue grounds, slate
     ink, white cards, pill geometry. Variable NAMES kept from the navy
     variant so every page restyles from this block alone — "crimson" now
     reads as "primary". */
  /* #3D77AE measured 4.4986:1 on --parchment against AA's 4.5 — a rounding
     error short, and true since the daylight palette was chosen
     2026-09-06. Deepened one step to clear it. Silas, 2026-09-18: "make
     sure all colors follow accessibility standards." */
  --crimson: #3A73A9;       /* working blue — links, buttons, eyebrows */
  --crimson-deep: #2C5A85;  /* hover states, dense accents */
  --crimson-soft: #7FA9CC;  /* soft blue — emphasis on dark bands */
  --accent: #3D77AE;        /* single accent — same working blue */
  --navy-band: #2E5577;     /* calm deep slate-blue — trust + CTA bands */
  --ink: #20303F;
  --ink-soft: #33465A;
  --parchment: #F6FAFD;       /* ground */
  --parchment-deep: #E7F1FA;  /* wash */
  --taupe: #DEEDF9;           /* sky */
  --taupe-deep: #B9D8F0;      /* sky deep */
  --muted: #5E7288;
  --rule: #D9E6F2;
  --gold: #B9D8F0;            /* on dark bands, emphasis goes sky, not gold */
  /* Who is speaking, in the transcript. One colour per participant so a
     hearing can be read at a glance. 2026-07-29. */
  --speaker-user:  #2F6BA8;   /* counsel — blue */
  --speaker-oc:    #B3455B;   /* opposing counsel — muted red, kept for contrast */
  --speaker-court: #20303F;   /* the bench — ink */

  /* SURFACES. Cards, panels and rows were `background: white` in 22 places,
     which is the one thing a theme cannot override. Named here so the whole
     app has a single "raised surface" and a single "sunk" one. */
  --surface: #FFFFFF;         /* cards, panels, anything raised off the ground */
  --surface-sunk: #FBFBFC;    /* a surface that has been de-emphasised */
  --shadow-rgb: 15, 36, 71;   /* the ink behind every shadow */
  /* TEXT ON A FILLED ACCENT. White works on the daylight blue; on the dark
     theme the accent INVERTS to a light blue, and white on it measures
     2.62:1 — every primary button on the site was failing. The ink that sits
     on the accent therefore has to be a token too. */
  --on-accent: #FFFFFF;
  /* A sticky bar that blurs what scrolls under it: the page ground at
     92%, never a literal colour. */
  --veil: rgba(246, 250, 253, 0.92);
  /* A chip sitting ON an accent fill: lighter than the fill on the
     daylight theme, darker than it on the dark one, where the accent
     itself is the light colour. */
  --on-accent-chip: rgba(255, 255, 255, 0.22);

  /* SEMANTIC AND NEUTRAL. Pages carried these as raw hex in 491 inline
     declarations — #B3261E for an error, #2F6B46 for a success, #333/#666/#999
     for three shades of grey that no longer mean anything once the ground is
     dark. Named here so a page can say what it MEANS and the theme decides
     what that looks like.

     --muted-soft replaces #999, which measured 2.85:1 on white and was never
     readable in either theme. The value here is the lightest grey that still
     clears AA on the page ground, not on white — text sits on both. */
  --muted-soft: #647384;
  --danger: #B3261E;
  --danger-wash: #FDF6F6;
  --danger-line: #F1DEDC;
  --success: #2F6B46;
  --success-wash: #E8F5E9;
  --success-line: #CFE6D6;
  --warn: #7A5D12;
  --warn-wash: #FFF6DC;
  --warn-line: #EBDCAE;
}

:root[data-theme="dark"] {
  --crimson: #6FA5D6;
  --crimson-deep: #8FBCE4;   /* hover goes LIGHTER on a dark ground, not darker */
  --crimson-soft: #3D77AE;
  --accent: #6FA5D6;
  --navy-band: #16283A;
  --ink: #E4EDF5;
  --ink-soft: #BACBDB;
  --parchment: #0B131C;      /* ground — darker than the cards it holds */
  --parchment-deep: #121C26; /* wash */
  --taupe: #1F2F3F;
  --taupe-deep: #2B4056;
  --muted: #8DA2B6;
  --rule: #304256;
  --gold: #8FBCE4;
  --speaker-user:  #7FB3E8;
  --speaker-oc:    #E8899A;
  --speaker-court: #E4EDF5;
  --surface: #1C2A39;
  --surface-sunk: #16212D;
  --shadow-rgb: 0, 0, 0;
  --on-accent: #0B131C;   /* dark ink on the light accent fill */
  --veil: rgba(11, 19, 28, 0.92);
  --on-accent-chip: rgba(0, 0, 0, 0.20);
  /* Error and success keep their meaning but swap roles: the INK becomes the
     light half and the wash the dark one. A light theme's #B3261E on a dark
     card measures 2.4:1 — legible as a colour, unreadable as text. */
  --muted-soft: #94A8BB;
  --danger: #F1A9A2;
  --danger-wash: #2E1D20;
  --danger-line: #4A2C30;
  --success: #86D2A4;
  --success-wash: #16291E;
  --success-line: #27412F;
  --warn: #E5C468;
  --warn-wash: #2B2414;
  --warn-line: #463B21;
  color-scheme: dark;        /* native scrollbars, form controls, caret */
}