:root {
  color-scheme: light;

  --color-bg: #ffffff;
  --color-surface: #f6f6f3;
  --color-text: #111111;
  --color-muted: #66645f;
  --color-line: #deddd7;
  --color-accent: #a51f2b;
  --color-focus: #1f5eff;

  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: var(--font-body);
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1rem;
  --text-lg: clamp(1.125rem, 1rem + 0.35vw, 1.375rem);
  --text-xl: clamp(1.5rem, 1.15rem + 1vw, 2.25rem);
  --text-2xl: clamp(2.25rem, 1.4rem + 3vw, 4.75rem);

  --leading-tight: 1.15;
  --leading-body: 1.85;

  --page-width: 74rem;
  --content-width: 47.5rem;

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4rem;
  --space-7: 6rem;

  --border-width: 1px;
  --radius: 0;
  --motion-fast: 140ms;
}