/* site/css/tokens.css */
:root {
  /* ---- Type ---- */
  --font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', ui-monospace, monospace;

  /* ---- DARK MODE (default) — "cooling kiln" ---- */
  --bg-primary:    #17130F;
  --bg-secondary:  #211B15;
  --bg-tertiary:   #2B241C;
  --border-color:  #3A3128;
  --border-strong: #4C4034;

  --text-primary:   #CEC4B9;
  --text-secondary: #A8998A;
  --text-muted:     #776B5E;
  --text-loud:      #F5F0E8;

  --accent:        #E2662E;
  --accent-hover:  #F0743B;
  --accent-quiet:  #6E3A22;
  --accent-on:     #17130F;

  --text-success:  #8FB56B;
  --text-danger:   #D6604A;

  --radius:      6px;
  --radius-card: 12px;
  --maxw:        1100px;

  /* ---- Spacing (unchanged from before — anneal-theme.css doesn't
     define a spacing scale, and this one is used throughout) ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
}

@media (prefers-color-scheme: light) {
  :root {
    --bg-primary:    #FFFFFF;
    --bg-secondary:  #F2EBE0;
    --bg-tertiary:   #E9DFD1;
    --border-color:  #DED3C4;
    --border-strong: #C9BAA6;

    --text-primary:   #1C1712;
    --text-secondary: #6B5D4F;
    --text-muted:     #98897A;
    --text-loud:      #1C1712;

    --accent:        #C4501E;
    --accent-hover:  #A84015;
    --accent-quiet:  #F0D9C8;
    --accent-on:     #FAF6F0;

    --text-success:  #4F7A2E;
    --text-danger:   #B23B24;
  }
}