:root {
  color-scheme: light;
  --font-display: "Space Grotesk", "Avenir Next Condensed", "Arial Narrow", sans-serif;
  --font-body: "IBM Plex Sans", "Avenir Next", "Segoe UI", sans-serif;

  --color-paper: #eef2f1;
  --color-paper-strong: #f7f8f6;
  --color-ink: #11161d;
  --color-ink-soft: #334153;
  --color-rule: rgba(17, 22, 29, 0.12);
  --color-panel: rgba(255, 255, 255, 0.7);
  --color-primary: #1b5fd1;
  --color-primary-deep: #0c3e93;
  --color-proof: #1ea266;
  --color-proof-soft: rgba(30, 162, 102, 0.12);
  --color-shadow: rgba(10, 24, 40, 0.12);

  --space-1: 0.35rem;
  --space-2: 0.55rem;
  --space-3: 0.8rem;
  --space-4: 1rem;
  --space-5: 1.35rem;
  --space-6: 1.8rem;
  --space-7: 2.4rem;
  --space-8: 3.2rem;

  --radius-1: 0.5rem;
  --radius-2: 0.9rem;
  --radius-3: 1.4rem;

  --line-tight: 1.1;
  --line-copy: 1.45;
  --line-relaxed: 1.6;

  --size-hero: clamp(3rem, 7vw, 6.2rem);
  --size-h2: clamp(1.45rem, 2vw, 2rem);
  --size-h3: 1rem;
  --size-body: 0.98rem;
  --size-small: 0.85rem;
  --size-metric: clamp(2.1rem, 3vw, 3rem);

  --frame-width: min(1120px, calc(100vw - 2rem));
  --copy-width: min(44rem, 100%);
  --transition-fast: 160ms ease;
  --transition-slow: 260ms ease;
}