/* Generated by scripts/build_design_tokens.py — do not edit by hand. */
:root,
[data-color-scheme="light"] {
  --color-primitive-accent: #8b4513;
  --color-primitive-ink: #1a1a1a;
  --color-primitive-paper: #f7f4ef;
  --color-primitive-stone: #6b6560;
  --color-semantic-border: #ddd4c8;
  --color-semantic-canvas: #f7f4ef;
  --color-semantic-focus: #0b57d0;
  --color-semantic-link: #8b4513;
  --color-semantic-surface: #fffdf8;
  --color-semantic-text: #1a1a1a;
  --color-semantic-textMuted: #6b6560;
  --interaction-targetMin: 44px;
  --layout-discoveryMax: 72rem;
  --layout-gutter: 1.25rem;
  --layout-measure: 68ch;
  --layout-sidebar: 16rem;
  --spacing-lg: 1.5rem;
  --spacing-md: 1rem;
  --spacing-sm: 0.5rem;
  --spacing-xl: 2.5rem;
  --spacing-xs: 0.25rem;
  --typography-family-interface: system-ui, -apple-system, Segoe UI, sans-serif;
  --typography-family-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --typography-family-reading: Georgia, 'Times New Roman', serif;
  --typography-lineHeight-body: 1.7;
  --typography-size-body: 1.125rem;
  --typography-size-h1: clamp(1.8rem, 2vw + 1.2rem, 2.4rem);
  --typography-size-small: 0.925rem;
  --color-canvas: #f7f4ef;
  --color-surface: #fffdf8;
  --color-text: #1a1a1a;
  --color-text-muted: #6b6560;
  --color-link: #8b4513;
  --color-border: #ddd4c8;
  --color-focus: #0b57d0;
  --font-reading: Georgia, 'Times New Roman', serif;
  --font-interface: system-ui, -apple-system, Segoe UI, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --text-body: 1.125rem;
  --line-height-body: 1.7;
  --measure: 68ch;
  --layout-discovery-max: 72rem;
  --layout-sidebar: 16rem;
  --layout-gutter: 1.25rem;
  --target-min: 44px;
  --reader-bg: var(--color-canvas);
  --reader-fg: var(--color-text);
  --reader-muted: var(--color-text-muted);
  --reader-link: var(--color-link);
  --reader-border: var(--color-border);
}

[data-color-scheme="dark"] {
  --color-canvas: #161412;
  --color-surface: #1d1a17;
  --color-text: #f2efe8;
  --color-text-muted: #a39e97;
  --color-link: #d4a574;
  --color-border: #3a342e;
  --reader-bg: var(--color-canvas);
  --reader-fg: var(--color-text);
  --reader-muted: var(--color-text-muted);
  --reader-link: var(--color-link);
  --reader-border: var(--color-border);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme]) {
    --color-canvas: #161412;
    --color-surface: #1d1a17;
    --color-text: #f2efe8;
    --color-text-muted: #a39e97;
    --color-link: #d4a574;
    --color-border: #3a342e;
    --reader-bg: var(--color-canvas);
    --reader-fg: var(--color-text);
    --reader-muted: var(--color-text-muted);
    --reader-link: var(--color-link);
    --reader-border: var(--color-border);
  }
}