/* GENERATED from design-system/tokens.json (v1.0.0) — do not edit */
:root {
  --color-brand-primary: #963486;
  --color-brand-primary-dark: #6E2662;
  --color-brand-primary-light: #B04FA0;
  --color-brand-accent: #FDB713;
  --color-brand-accent-dark: #E0A00A;
  --color-brand-success: #61A229;
  --color-brand-danger: #C0392B;
  --color-surface-bg: #FFFFFF;
  --color-surface-bg-alt: #F4F4F4;
  --color-surface-dark: #2B2E34;
  --color-surface-dark-alt: #22252A;
  --color-surface-dark-elevated: #353942;
  --color-text-body: #3A3D42;
  --color-text-muted: #6B7079;
  --color-text-on-dark: #F4F4F4;
  --color-text-on-dark-muted: #B7BBC2;
  --color-text-on-primary: #FFFFFF;
  --color-text-on-accent: #2B2E34;
  --color-border-subtle: #E4E4E7;
  --color-border-on-dark: rgba(255,255,255,0.12);
  --typography-font-heading: 'Poppins', 'Segoe UI', system-ui, sans-serif;
  --typography-font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;
  --typography-weight-regular: 400;
  --typography-weight-medium: 500;
  --typography-weight-semibold: 600;
  --typography-weight-bold: 700;
  --typography-weight-extrabold: 800;
  --typography-scale-display: 3.25rem;
  --typography-scale-h1: 2.5rem;
  --typography-scale-h2: 1.875rem;
  --typography-scale-h3: 1.375rem;
  --typography-scale-body-lg: 1.125rem;
  --typography-scale-body: 1rem;
  --typography-scale-small: 0.875rem;
  --typography-scale-eyebrow: 0.8125rem;
  --typography-letter-spacing-eyebrow: 0.08em;
  --typography-letter-spacing-heading: -0.01em;
  --typography-letter-spacing-normal: 0;
  --typography-line-height-heading: 1.15;
  --typography-line-height-body: 1.65;
  --spacing-xs: 0.25rem;
  --spacing-s: 0.5rem;
  --spacing-m: 1rem;
  --spacing-l: 2rem;
  --spacing-xl: 4rem;
  --spacing-2xl: 6rem;
  --radius-s: 6px;
  --radius-m: 12px;
  --radius-l: 20px;
  --radius-pill: 999px;
  --shadow-card: 0 1px 3px rgba(43,46,52,0.08), 0 8px 24px rgba(43,46,52,0.08);
  --shadow-card-hover: 0 4px 12px rgba(43,46,52,0.12), 0 16px 40px rgba(150,52,134,0.14);
  --shadow-cta: 0 4px 14px rgba(253,183,19,0.35);
  --breakpoints-sm: 480px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --layout-content-max: 1140px;
  --layout-gutter: 1.25rem;
}