:root {
  color-scheme: light;
  --canvas: #e9ece3;
  --page: #f7f8f3;
  --surface: #ffffff;
  --stone: #eef0e8;
  --sage: #536d48;
  --sage-dark: #3e5635;
  --sage-soft: #e6ecdf;
  --ink: #263026;
  --muted: #626d5e;
  --line: #dfe4d8;
  --brick: #a55345;
  --brick-soft: #f8eae5;
  --radius-card: 19px;
  --radius-control: 12px;
  --radius-sheet: 27px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --font: 'Avenir Next', -apple-system, 'Segoe UI', sans-serif;
  --mono: 'SFMono-Regular', Consolas, monospace;
  --shadow-small: 0 2px 8px #26302606;
  --motion-fast: 150ms;
  --motion-control: 220ms;
  --frame-height: min(844px, calc(100dvh - 48px));
}