:root {
  --color-canvas: #f4f0e8;
  --color-surface: #fefcf8;
  --color-surface-muted: #ece8de;
  --color-ink: #1a1c22;
  --color-ink-muted: #4a4c56;
  --color-ink-subtle: #606272;
  --color-border: #dcd8ce;
  --color-border-strong: #bab6ae;
  --color-brand: #a87820;
  --color-brand-hover: #8a6018;
  --color-brand-text: #0e0e0a;
  --color-brand-soft: #f5edd8;
  --color-brand-soft-ink: #7a5010;
  --color-accent: #1a3050;
  --color-accent-hover: #0e2040;
  --font-display: Georgia, 'Times New Roman', serif;
  --font-sans: system-ui, -apple-system, sans-serif;
  --font-weight-display: 400;
  --letter-spacing-display: 0.02em;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-canvas: #0d0e10;
    --color-surface: #14151a;
    --color-surface-muted: #1e1f26;
    --color-ink: #e8e4d8;
    --color-ink-muted: #a0a090;
    --color-ink-subtle: #9698a8;
    --color-border: #28293a;
    --color-border-strong: #3a3c50;
    --color-brand: #d4a435;
    --color-brand-hover: #b88820;
    --color-brand-text: #0e0e0a;
    --color-brand-soft: #1c1c0e;
    --color-brand-soft-ink: #e8c860;
    --color-accent: #1a3050;
    --color-accent-hover: #0e2040;
    --radius-card: 2px;
    --radius-chip: 4px;
  }
}
:root[data-theme="dark"] {
  --color-canvas: #0d0e10;
  --color-surface: #14151a;
  --color-surface-muted: #1e1f26;
  --color-ink: #e8e4d8;
  --color-ink-muted: #a0a090;
  --color-ink-subtle: #9698a8;
  --color-border: #28293a;
  --color-border-strong: #3a3c50;
  --color-brand: #d4a435;
  --color-brand-hover: #b88820;
  --color-brand-text: #0e0e0a;
  --color-brand-soft: #1c1c0e;
  --color-brand-soft-ink: #e8c860;
  --color-accent: #1a3050;
  --color-accent-hover: #0e2040;
  --radius-card: 2px;
  --radius-chip: 4px;
}