:root {
  /* Colors */
  --bg: #f3f1ec;
  --ink: #111;
  --muted: #777;
  --soft: #999;
  --line: #d8d6d0;
  --hover: #1a1a1a;

  /* Type families */
  --font-display: 'Helvetica Neue', 'Arial Black', Arial, sans-serif;
  --font-serif: 'Instrument Serif', 'Times New Roman', Times, serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* Type scale */
  --fs-display: clamp(56px, 11vw, 140px);
  --fs-h1: clamp(40px, 7vw, 88px);
  --fs-h2: clamp(28px, 4.5vw, 56px);
  --fs-body: 14px;
  --fs-mono: 12px;
  --fs-mono-sm: 11px;
  --tracking-mono: 0.12em;
  --tracking-tight: -0.04em;
  --tracking-display: -0.045em;

  /* Spacing */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 40px;
  --space-5: 64px;
  --space-6: 96px;
  --space-7: 144px;

  /* Layout */
  --gutter: clamp(20px, 4vw, 48px);
  --max-w: 1440px;

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 140ms var(--ease-out);
  --t-med: 320ms var(--ease-out);

  /* Scroll reveal */
  --reveal-rise: 16px;
  --reveal-dur: 420ms;
  --reveal-stagger: 45ms;
}