:root {
  /* Palette */
  --paper: #f5f1eb;
  --off-white: #ede8e0;
  --warm-light: #e4ddd3;
  --rule: #cdc6bb;
  --mid: #9a9088;
  --dark: #4a4540;
  --near-black: #1e1a17;
  --red: #c0392b;
  --red-dim: #922b21;
  --red-bright: #e74c3c;

  /* Typography */
  --font-display: 'Bebas Neue', sans-serif;
  --font-body: 'Spectral', Georgia, serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Spacing scale */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 3rem;
  --space-xl: 5rem;
  --space-2xl: 8rem;

  /* Layout */
  --content-width: 1000px;
  --narrow-width: 820px;
  --nav-padding-x: 3rem;
  --section-padding-y: 8rem;
  --section-padding-x: 3rem;

  /* Transitions */
  --ease-default: 0.2s ease;
  --ease-reveal: 0.7s ease;
}