:root {
  color-scheme: light;
  --paper: #ffffff;
  --ink: #111111;
  --muted: #626262;
  --line: #cfcfcf;
  --surface: #f4f4f1;
  --accent: #155b3a;
  --accent-ink: #ffffff;
  --danger: #8d1f1f;
  --focus: #005fcc;

  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --text-meta: 0.75rem;
  --text-small: 0.875rem;
  --text-body: 1rem;
  --text-title: clamp(1.75rem, 4vw, 2.5rem);
  --tracking-meta: 0.08em;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;

  --measure: 72rem;
  --reading-measure: 46rem;
  --nav-height: 3.5rem;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #111111;
  --ink: #f7f7f3;
  --muted: #b5b5ae;
  --line: #484844;
  --surface: #1b1b19;
  --accent: #78c79e;
  --accent-ink: #0d2d1d;
  --danger: #ff9d9d;
  --focus: #8fc5ff;
}