:root {
  /* Refined ChooseMyPower brand palette -- rev. 2026-05-19 */
  --cmp-color-primary: #059669;
  --cmp-color-primary-hover: #047857;
  --cmp-color-on-primary: #FFFFFF;
  --cmp-color-secondary: #10B981;
  --cmp-color-accent: #F59E0B;
  --cmp-color-bg: #ECFDF5;
  --cmp-color-surface: #FFFFFF;
  --cmp-color-foreground: #064E3B;
  --cmp-color-foreground-muted: #475569;
  --cmp-color-border: #A7F3D0;
  --cmp-color-destructive: #DC2626;
  --cmp-color-ring: #059669;

  /* Spacing scale (8-px base) */
  --cmp-space-1: 4px;
  --cmp-space-2: 8px;
  --cmp-space-3: 12px;
  --cmp-space-4: 16px;
  --cmp-space-6: 24px;
  --cmp-space-8: 32px;
  --cmp-space-12: 48px;

  /* Typography */
  --cmp-font-heading: 'Lexend', system-ui, -apple-system, sans-serif;
  --cmp-font-body: 'Source Sans 3', system-ui, -apple-system, sans-serif;
  --cmp-font-size-body: 16px;
  --cmp-font-size-small: 14px;
  --cmp-line-height-body: 1.55;

  /* Radii + shadow */
  --cmp-radius-sm: 6px;
  --cmp-radius-md: 12px;
  --cmp-radius-lg: 20px;
  --cmp-shadow-card: 0 1px 2px rgba(15, 23, 42, 0.06), 0 4px 12px rgba(15, 23, 42, 0.04);

  /* Motion (only animate transform + opacity) */
  --cmp-easing: cubic-bezier(0.4, 0, 0.2, 1);
  --cmp-duration-fast: 150ms;
  --cmp-duration-base: 250ms;
}

/* Google Fonts -- single import for the site */
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700&family=Source+Sans+3:wght@300;400;500;600;700&display=swap');