:root {
  color-scheme: light;
  --color-bg: #f8f6f4;
  --color-surface: #fdfcfb;
  --color-text: #181513;
  --color-text-2: #484441;
  --color-muted: #66625f;
  --color-grid: #dedcd9;
  --color-rule: #181513;
  --color-primary: #9a5173;
  --color-ink: #191115;
  --color-core: #9a5173;
  --color-mark: #9a5173;
  --color-vein: #251c20;
  --color-day: #56404a;
  --font-heading: "IM Fell English", "Iowan Old Style", Georgia, serif;
  --font-body: "EB Garamond", Garamond, Georgia, serif;
  --font-mono: "Courier Prime", "Courier New", ui-monospace, monospace;
  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1.1875rem;
  --text-lg: 1.5rem;
  --text-xl: 2.125rem;
  --text-display: clamp(2.4rem, 1.4rem + 3.4vw, 4.4rem);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 72px;
  --space-gutter: clamp(16px, 3.5vw, 48px);
  --radius-control: 999px;
  --radius-panel: 2px;
  --shadow-panel: none;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --color-bg: #1b1917;
    --color-surface: #262321;
    --color-text: #f1ece8;
    --color-text-2: #cfc7c1;
    --color-muted: #a39b94;
    --color-grid: #3d3835;
    --color-rule: #f1ece8;
    --color-primary: #c279a6;
    --color-ink: #f7f1ee;
    --color-core: #c279a6;
  --color-mark: #c279a6;
    --color-vein: #f1ece8;
    --color-day: #bfb0b6;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --color-bg: #1b1917;
  --color-surface: #262321;
  --color-text: #f1ece8;
  --color-text-2: #cfc7c1;
  --color-muted: #a39b94;
  --color-grid: #3d3835;
  --color-rule: #f1ece8;
  --color-primary: #c279a6;
  --color-ink: #f7f1ee;
  --color-core: #c279a6;
  --color-mark: #c279a6;
  --color-vein: #f1ece8;
  --color-day: #bfb0b6;
}