/* Design tokens — single source of truth.
   Locked from FRONTEND_SPEC.md §1. */

:root {
  /* surfaces */
  --bg-page:        #1A1124;
  --bg-raised:      #1E1430;
  --bg-sidebar:     #211734;
  --bg-card:        #251A38;
  --bg-inset:       #2F2247;
  --bg-elevated:    #2A1E40;
  --bg-code:        #15101F;
  --border:         #3B2C55;
  --border-dashed:  #4A3968;

  /* text */
  --text-primary:   #EAE4D8;
  --text-secondary: #9A8DB4;
  --text-tertiary:  #8A7DA4;
  --text-faint:     #7A6E96;

  /* accent — gold is THE single accent for marks/headings/numbers/active-nav */
  --gold:           #D4C282;
  --gold-hover:    #E0D199;
  --gold-text-soft: #C9BE9A;
  --on-gold:        #1A1124;

  /* CTA — primary buttons use a deep purple fill with gold text.
     Hover is shadow-only (no bg color shift): a soft light-purple glow.
     The same purple family appears as fill AND glow — visually coherent. */
  --cta-bg:         #6E45B0;
  --cta-rest-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
  --cta-glow:       0 3px 12px rgba(195, 139, 227, 0.55);

  /* verdict — deliberate exception to single-accent, only in result contexts */
  --verdict-real:   #93AB78;
  --verdict-ai:     #CC7D62;
  --verdict-abstain:#D4C282;

  /* type scale */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;

  /* radii */
  --radius-button: 8px;
  --radius-card:   12px;
  --radius-pill:   20px;
}