/* 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&family=Chivo+Mono:wght@400;500;600&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;
  --font-mono: "Chivo Mono", 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;
}