:root {
  --font-family-heading: "Montserrat", system-ui, sans-serif;
  --font-family-base: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --color-primary: #E31B23;
  --color-gradient-middle: #B34C9B;
  --color-secondary: #5954C8;
  --color-graphite: #111827;
  --color-graphite-deep: #070C13;
  --color-white: #FFFFFF;
  --color-light-gray: #F3F4F6;

  --color-text: var(--color-graphite);
  --color-background: var(--color-light-gray);
  --color-surface: var(--color-white);
  --color-header: var(--color-graphite-deep);
  --color-on-dark: var(--color-white);
  --color-brand-accent: var(--color-primary);
  --color-text-on-dark-muted: #CBD5E1;
  --color-outline: var(--color-secondary);
  --color-border: #E2E5E9;
  --color-input-border: #CBD5E1;
  --color-text-muted: #586579;
  --color-note: #667085;
  --color-secondary-button: var(--color-secondary);
  --color-card-shadow: #11182712;
  --color-progress-track: #E7EAF0;
  --brand-gradient: linear-gradient(90deg, var(--color-primary) 0%, var(--color-gradient-middle) 50%, var(--color-secondary) 100%);

  --content-width: 1160px;
  --form-width: 760px;
  --hero-copy-width: 650px;
  --hero-title-width: 820px;
  --breakpoint-mobile: 720px;

  --space-1: 6px;
  --space-2: 12px;
  --space-3: 13px;
  --space-4: 14px;
  --space-5: 18px;
  --space-6: 20px;
  --space-7: 22px;
  --space-8: 25px;
  --space-9: 28px;
  --space-10: 30px;
  --space-11: 42px;
  --space-12: 50px;
  --space-13: 70px;
  --space-14: 88px;

  --radius-input: 10px;
  --radius-button: 12px;
  --radius-card: 18px;
  --radius-pill: 9999px;
}