/* ================================================================
   Content Health Check — Semantic token mapping
   Primary: fire | Surfaces: limestone | Focus ring: wave

   Transcribed from the values the app already runs on
   (contenthealthcheck client/src/index.css), not invented here, so
   the hosted auth pages match the product a user was redirected from.
   ================================================================ */

@layer theme {
  :root {
    /* App density. Derived from deployment mode, not chosen here: every
       reserved-deployment product is 19px, marketing is the brand's 24px.
       See the Density note at the foot of the design system's
       tokens/products.css. Was 18px, which was reverse-engineered from
       CHC's 1.1rem body and rendered on no screen — CHC does not consume
       this package yet, so nothing moves when it changes. */
    --base-font-size: 19px;

    /* Re-pointed onto the semantic layer at the 4 Aug 2026 ground move, so the
       shadcn names can never drift from the CHC block in the design system's
       tokens/products.css again: the semantic tokens move, these follow. */
    --background: var(--surface-page);           /* limestone-600 since 4 Aug */
    --foreground: var(--gloaming-700);
    --card: var(--surface-card);                 /* limestone-400 – above the page */
    --card-foreground: var(--gloaming-700);
    --popover: var(--surface-menu);              /* floating panels band together:
                                                    menu 150, field 200, chrome 300 */
    --popover-foreground: var(--gloaming-700);
    --primary: var(--fire-500);
    --primary-foreground: var(--text-on-accent);
    --secondary: var(--surface-page);            /* the quiet button's fill */
    --secondary-foreground: var(--gloaming-700);
    --muted: var(--surface-hover);               /* one step off the page, as it always was */
    --muted-foreground: var(--gloaming-500);
    /* shadcn's --accent / --accent-foreground pair is GONE, renamed to
       --surface-hover / --text-on-hover (Accent decision, 31 July 2026).
       Theirs meant the recessive hover surface; ours means the primary
       interactive colour, and the two collided on one name. --surface-hover
       is declared per product in the design system's tokens/products.css as
       the 29th signature token, and --text-on-hover in semantic.css, so
       neither is set here. The old sunshine-500 value went with the name: a
       hover painted in a brand colour is the colour shift the system forbids,
       and it never rendered anyway. Neither name is set here: a theme that
       re-declared --text-on-hover would just be a second writer of a suite
       constant, which is the shape this decision existed to remove. */
    --destructive: var(--fire-600);
    --destructive-foreground: var(--text-on-accent);
    --border: var(--rule-row);                   /* limestone-600: card-only by construction */
    --input: var(--rule-field);                  /* fields stay the loudest rule */
    /* Wave rather than fire: the accent is reserved for the primary
       action, so focus gets its own colour and the two never compete. */
    --radius: 4px;
  }
}