:root {
  color-scheme: light;
  --surface: #fff;
  --surface-soft: #f5f7fa;
  --ink: #14243a;
  --muted: #4b5b70;
  --blue: #175cd3;
  --blue-hover: #124aa6;
  --navy: #07172f;
  --on-dark: #f8fafc;
  --cyan: #22d3ee;
  --purple: #7c3aed;
  --border: #d6dee9;
  --radius: 16px;
  --content: 1200px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --heading-font: var(--font);
  --shadow: 0 8px 28px #14243a08;
}