/* site/css/tokens.css */
:root {
  /* ---- Type — "anneal": engineering-notebook editorial ---- */
  --font-display: 'Space Grotesk', ui-sans-serif, sans-serif;
  --font-sans: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  /* ---- DARK MODE (default) — warm paper / ink / ember ---- */
  --background: oklch(0.17 0.008 60);
  --foreground: oklch(0.955 0.008 84);
  --card: oklch(0.215 0.009 60);
  --muted: oklch(0.26 0.009 60);
  --muted-foreground: oklch(0.7 0.012 70);
  --border: oklch(1 0 0 / 12%);

  --ember: oklch(0.7 0.16 45);
  --ember-foreground: oklch(0.17 0.008 60);
  --ember-hover: oklch(0.78 0.15 45);
  --ember-quiet: oklch(0.4 0.09 42);

  --ink: oklch(0.955 0.008 84);
  --ink-foreground: oklch(0.17 0.008 60);

  --bg-warm: #211B15;

  /* ---- legacy aliases (consumed by pages not yet rebuilt) ---- */
  --bg-primary:     var(--background);
  --bg-secondary:   var(--card);
  --bg-tertiary:    var(--muted);
  --border-color:   var(--border);
  --border-strong:  #4C4034;
  --text-primary:   var(--foreground);
  --text-secondary: var(--muted-foreground);
  --accent:         var(--ember);
  --accent-hover:   var(--ember-hover);
  --accent-quiet:   var(--ember-quiet);
  --accent-on:      var(--ember-foreground);
  --text-success:   #8FB56B;
  --text-danger:    #D6604A;

  --radius:      4px;
  --radius-card: 6px;
  --maxw:        1152px;

  /* ---- Spacing ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;
}

@media (prefers-color-scheme: light) {
  :root {
    --background: oklch(0.977 0.007 84);
    --foreground: oklch(0.19 0.008 60);
    --card: oklch(0.992 0.004 90);
    --muted: oklch(0.945 0.008 84);
    --muted-foreground: oklch(0.505 0.012 66);
    --border: oklch(0.885 0.01 76);

    --ember: oklch(0.62 0.17 42);
    --ember-foreground: oklch(0.985 0.005 84);
    --ember-hover: oklch(0.52 0.18 42);
    --ember-quiet: oklch(0.9 0.035 60);

    --ink: oklch(0.17 0.008 60);
    --ink-foreground: oklch(0.965 0.008 84);

    --bg-warm: #FAF6F0;

    --border-strong: #C9BAA6;
    --text-success:  #4F7A2E;
    --text-danger:   #B23B24;
  }
}