/* Design tokens: the only place colors, type and spacing are defined. */
:root {
  --color-primary: #1E5BFF;
  --color-primary-dark: #1546C7;
  --color-primary-soft: #DCE6FF;
  --color-accent: #FFB703;
  --color-accent-dark: #E09E00;
  --color-coral: #FF5A5F;
  --color-navy: #0B1F4B;
  --color-bg: #FFFDF8;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F4F6FB;
  --color-border: #E2E6F0;
  --color-text: #1B2340;
  --color-muted: #6B7A99;
  --color-success: #1B8F5A;
  --color-error: #C8102E;
  --color-warning: #B76E00;

  --font-display: "Fredoka", "Nunito", system-ui, sans-serif;
  --font-body: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 72px;

  --radius-sm: 8px; --radius: 14px; --radius-lg: 22px; --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(11, 31, 75, .06);
  --shadow: 0 8px 24px rgba(11, 31, 75, .10);
  --shadow-lg: 0 18px 48px rgba(11, 31, 75, .16);
  --container: 1180px;
  --transition: 160ms ease;
}