/* Design tokens as native CSS custom properties */
/* No preprocessor -- these are the single source of truth for the design system */

:root {
  /* ---- Colors ---- */
  /* Warm, clean, spacious per project brief */
  --color-bg: #faf9f7;
  --color-surface: #ffffff;
  --color-text: #2c2c2c;
  --color-text-muted: #6b6b6b;
  --color-accent: #3d5a80;
  --color-border: #e0ddd8;
  --color-border-interactive: #8a8580;

  /* ---- Typography ---- */
  /* System fonts -- no web fonts for Phase 1 */
  --font-body: system-ui, -apple-system, sans-serif;
  --font-heading: system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, "Cascadia Code", monospace;

  /* ---- Type scale (major third -- 1.25 ratio) ---- */
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.563rem;
  --text-2xl: 1.953rem;
  --text-3xl: 2.441rem;

  /* ---- Spacing (8px base grid) ---- */
  --space-1: 0.25rem;   /* 4px */
  --space-2: 0.5rem;    /* 8px */
  --space-3: 0.75rem;   /* 12px */
  --space-4: 1rem;      /* 16px */
  --space-6: 1.5rem;    /* 24px */
  --space-8: 2rem;      /* 32px */
  --space-12: 3rem;     /* 48px */
  --space-16: 4rem;     /* 64px */

  /* ---- Layout ---- */
  --max-width: 72rem;      /* 1152px */
  --content-width: 42rem;  /* 672px -- prose reading width */
  --nav-height: 3.5rem;    /* 56px */

  /* ---- Transitions ---- */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
}