:root {
  --color-background: #f3f5f9;
  --color-surface: #ffffff;
  --color-text: #0f172a;
  --color-muted: #475569;
  --color-accent: #2f4ae0;
  --color-accent-2: #14b8a6;
  --color-border: #e2e8f0;
  --font-heading: "Space Grotesk", sans-serif;
  --font-body: "Inter", sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 48px;
  --radius-1: 16px;
  --radius-2: 24px;
}