:root {
  --color-canvas: #f7f7f3;
  --color-surface: #ffffff;
  --color-ink: #171a1a;
  --color-ink-soft: #303836;
  --color-muted: #596360;
  --color-rule: #d6dbd8;
  --color-border: #7e8984;
  --color-signal: #0b6b66;
  --color-signal-hover: #075852;
  --color-visited: #5e4b6e;

  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Arial, sans-serif;
  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1.125rem;
  --text-lead: 1.25rem;
  --text-group: 1.0625rem;
  --text-h2: 1.875rem;
  --text-h1: 3rem;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 3.625rem;
  --space-9: 4.875rem;

  --frame-max: 74rem;
  --reading-max: 45.5rem;
  --header-height: 4rem;
  --header-height-mobile: 3.5rem;
  --focus-ring: 3px solid var(--color-ink);
  --radius-control: 0.3rem;
  --transition-fast: 150ms;
}