:root {
  --font-body: 'Inter', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;

  /* Colors based on DESIGN.md */
  --color-background: #ffffff;
  --color-surface-soft: #f6f8f9;
  --color-surface-gray: #edf1f3;
  --color-border: #dfe5e9;
  --color-border-subtle: #eaeef1;

  --color-ink: #26343d;
  --color-body: #5e6972;
  --color-muted: #7a8791;

  --color-accent: #176ea6;
  --color-accent-hover: #12577f;
  --color-accent-sky: #78b6d8;
  --color-copper: #b97745;
  --color-focus: #176ea6;

  /* Geometry & Rhythm */
  --radius-control: 5px;
  --radius-card: 6px;

  --container-max-width: 1220px;
  --space-section: 96px;
  --space-section-mobile: 60px;
  --space-gap: 32px;
}