/* Design tokens — single source of truth.
   Locked from FRONTEND_SPEC.md §1.
   Sage migration 2026-07-08: charcoal + sage + Red Hat Display, to match
   apex + projections + oracle + deepdive + the detector app. */

/* House faces, 2026-08-23. Red Hat Display is RETIRED across the family.
   Didot and Avenir Next are system faces on Mac and absent on Windows and
   Android, so Bodoni Moda and Mulish are the fallbacks most people actually
   see; both are matched for weight and width rather than picked at random.

   ⛔ Chivo Mono is for EYEBROWS, KEYS AND NUMBERS ONLY. It used to be
   --font-button, which put a typewriter face on every control in the app. */
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@400&family=Mulish:wght@400;500;600;700&display=swap');

:root {
  /* surfaces — sage palette (charcoal family) */
  --bg-page:        #201825;
  --bg-raised:      #2D2034;
  --bg-sidebar:     #2D2034;
  --bg-card:        #2D2034;
  --bg-inset:       #37263F;
  --bg-elevated:    #37263F;
  --bg-code:        #15131A;
  --border:         #563B66;
  --border-dashed:  #6D4A81;

  /* text */
  --text-primary:   #C8DACE;
  --text-secondary: #9FAEA5;
  /* ⛔ RETUNED 2026-08-25 against the WORST dark surface (--bg-inset #2C2834),
     not against the page. On the page these read 4.36 and 4.98; on an inset
     panel, which is where most muted text actually sits, they were 3.66 and
     4.18 against a 4.5 floor. The old checker used a 3.0 floor for every size
     of text, so neither ever showed up. */
  --text-tertiary:  #909D94;   /* 4.92 on inset, 6.10 on page */
  --text-faint:     #8C9890;   /* 4.64 on inset, 5.75 on page */

  /* accent — token still named "gold" (legacy) but is now SAGE: the single
     accent for marks/headings/numbers/active-nav. */
  --gold:           #7AAD8E;
  --gold-hover:     #8BBF9F;
  --gold-text-soft: #739E84;
  --on-gold:        #201825;

  /* CTA — olive fill (sage scheme's secondary) with light sage accent text;
     hover is a soft sage glow (shadow-only, no bg shift). */
  /* was a hardcoded #484e3c olive that no longer matched the accent in either
     theme; the app's copy has always used the accent itself */
  --cta-bg:         var(--gold);
  /* House rule: borders do the separating, not shadows. */
  --cta-rest-shadow: none;
  --cta-glow:       none;

  /* verdict — deliberate exception to single-accent, only in result contexts */
  --verdict-real:   #64A973;
  --verdict-ai:     #D78380;
  --verdict-abstain:#B89547;

  /* type scale */
  /* ⛔ Didot at weight 400 ONLY. The thin-to-thick contrast is its whole
     character and faux bold destroys it, so size carries emphasis instead. */
  --font-display: Didot, "Bodoni Moda", "Bodoni 72", "Didot LT STD", Georgia, serif;
  --font-sans: "Avenir Next", Avenir, Mulish, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  /* ⛔ THE TYPEWRITER FACE IS RETIRED FROM THE INTERFACE — 2026-09-11.
     Billy: "get rid of all of the typewriter font and have only our approved
     fonts." The house has two: the Didone for display and Avenir Next for
     everything else. This token stays so nothing that still references it
     breaks, but it resolves to the BODY stack — a stray `var(--font-mono)`
     now renders in the right face instead of quietly bringing Chivo Mono
     back. Columns of figures line up with `font-variant-numeric:
     tabular-nums`, which is what that property is for.
     ⛔ REAL CODE IS THE ONE EXCEPTION and uses --font-code below: an api key
     or a request body is read character by character and pasted into a
     program, and a proportional face makes that harder, not more on-brand. */
  --font-mono: var(--font-sans);
  --font-code: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  /* was Chivo Mono, which is why every button in the app was monospaced */
  --font-button: var(--font-sans);

  /* radii */
  --radius-button: 11px;
  --radius-card:   16px;
  --radius-pill:   22px;
}