/* Design tokens (task 0096) -- the ONLY place a color or font literal lives.
 *
 * Source of truth: sdd/product/design-system.md sections 2-4. Every component
 * reads a token. Light is the default; dark follows the system preference and
 * can be forced with <html data-theme="dark|light">. */

:root {
  --bg: #FAF9F5;
  --surface: #FFFFFF;
  --surface-2: #F0EEE6;
  --line: #E8E6DC;
  --ink: #141413;
  --ink-2: #5E5D59;
  --ink-3: #8C8A83;
  --accent: #D97757;
  --accent-ink: #B85C3A;
  --accent-soft: #F6E6DE;
  --on-accent: #FFFFFF;
  --good: #629A90;
  --good-soft: #E3EFEC;
  --info: #6A9BCC;

  --font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-sans: "Instrument Sans", Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --radius-card: 14px;
  --radius-control: 12px;
  --radius-pill: 999px;
  --gutter: 20px;
  --space: 8px;
  --measure: 65ch;
  --column: 640px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #1A1917;
    --surface: #232220;
    --surface-2: #2C2B28;
    --line: #3A3835;
    --ink: #F0EEE6;
    --ink-2: #B8B5AC;
    --ink-3: #87847B;
    --accent: #E08A6B;
    --accent-ink: #F0A98E;
    --accent-soft: #3D2A22;
    --on-accent: #1A1917;
    --good: #7FB5AA;
    --good-soft: #24332F;
    --info: #86B0DA;
  }
}

:root[data-theme="dark"] {
  --bg: #1A1917;
  --surface: #232220;
  --surface-2: #2C2B28;
  --line: #3A3835;
  --ink: #F0EEE6;
  --ink-2: #B8B5AC;
  --ink-3: #87847B;
  --accent: #E08A6B;
  --accent-ink: #F0A98E;
  --accent-soft: #3D2A22;
  --on-accent: #1A1917;
  --good: #7FB5AA;
  --good-soft: #24332F;
  --info: #86B0DA;
}