:root {
  /* Colors */
  --color-ink: #111111;
  --color-paper: #f9f9f8;
  --color-paper-alt: #f1f0eb;
  --color-accent: #ff4500;
  --color-accent-hover: #e03d00;
  --color-muted: #666666;
  --color-border: #e2e1dc;

  /* Typography */
  --font-display: "Chivo", system-ui, -apple-system, sans-serif;
  --font-body: "Space Grotesk", system-ui, -apple-system, sans-serif;

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-8: 4rem;
  --space-12: 6rem;
  --space-16: 8rem;

  /* Layout */
  --max-width: 1200px;
  --content-width: 800px;
  --radius: 2px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-ink: #f9f9f8;
    --color-paper: #111111;
    --color-paper-alt: #1a1a1a;
    --color-muted: #a0a0a0;
    --color-border: #333333;
  }
}