:root {
  color-scheme: light;
  --color-paper: #f7f6f2;
  --color-surface: #fffefa;
  --color-ink: #20211f;
  --color-muted: #66685f;
  --color-line: #dddcd4;
  --color-sage-surface: #e7eadf;
  --color-accent: #526449;
  --content-max: 1200px;
  --reading-max: 70ch;
  --radius-button: 12px;
  --radius-panel: 24px;
  --shadow-device: 0 28px 72px rgb(32 33 31 / 12%);
  --font-display: Georgia, 'Times New Roman', serif;
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --ease-reveal: cubic-bezier(.22, 1, .36, 1);
  --duration-ui: 180ms;
  --duration-reveal: 560ms;
}