/* ==========================================================================
   Design Tokens
   Single source of truth for color, type, and spacing.
   See Design.md for rationale.
   ========================================================================== */

:root {
  /* Color */
  --color-bg: #FAF9F6;
  --color-surface: #FFFFFF;
  --color-text-primary: #1F1E1C;
  --color-text-secondary: #6B6862;
  --color-border: #E4E1DA;
  --color-accent: #5B6B57;
  --color-accent-hover: #46523F;

  /* Type families */
  --font-serif: "Fraunces", Georgia, serif;
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Type scale */
  --text-display: 3rem;
  --text-h1: 2.25rem;
  --text-h2: 1.75rem;
  --text-h3: 1.25rem;
  --text-body: 1.125rem;
  --text-small: 0.875rem;

  /* Spacing scale (4px base) */
  --space-1: 0.25rem;  /* 4px */
  --space-2: 0.5rem;   /* 8px */
  --space-3: 1rem;     /* 16px */
  --space-4: 1.5rem;   /* 24px */
  --space-5: 2rem;     /* 32px */
  --space-6: 3rem;     /* 48px */
  --space-7: 4rem;     /* 64px */
  --space-8: 6rem;     /* 96px */
  --space-9: 8rem;     /* 128px */

  /* Layout */
  --content-width-narrow: 720px;
  --content-width-wide: 1100px;
  --radius: 8px;
  --border-radius-sm: 6px;
}