:root {
  --color-orange-500: #ff4b0a;
  --color-orange-600: #e83b00;
  --color-orange-100: #fff0e9;
  --color-navy-950: #050b20;
  --color-navy-900: #07112f;
  --color-navy-700: #17213d;
  --color-navy-500: #566078;
  --color-blue: #0877d1;
  --color-bg-top: #edfaff;
  --color-bg-bottom: #ffffff;
  --color-surface: #ffffff;
  --color-border: #dce3eb;
  --color-border-strong: #bdc8d5;
  --color-risk-high-bg: #fff0f0;
  --color-risk-high-fg: #e42626;
  --color-risk-medium-bg: #fff2db;
  --color-risk-medium-fg: #9a6400;
  --color-success: #08ad52;
  --color-teal-600: #007f82;
  --font-heading: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-body: "Source Sans 3", "Trebuchet MS", sans-serif;
  --fs-hero: clamp(3.7rem, 5.4vw, 5.35rem);
  --fs-h1: clamp(2.1rem, 3vw, 2.75rem);
  --fs-h2: 1.75rem;
  --fs-body: 1rem;
  --fs-small: 0.88rem;
  --fs-tiny: 0.72rem;
  --fs-step-eyebrow: 0.73rem;
  --fs-step-heading: clamp(2rem, 3vw, 3.1rem);
  --fs-lesson-body: 0.88rem;
  --lh-lesson-body: 1.62;
  --fs-lesson-caption: 0.74rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --radius-sm: 7px;
  --radius-md: 13px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --shadow-card: 0 28px 55px -22px rgba(7, 17, 47, 0.34), 0 5px 14px rgba(7, 17, 47, 0.1);
  --shadow-panel: 0 10px 25px -12px rgba(7, 17, 47, 0.3), 0 2px 7px rgba(7, 17, 47, 0.08);
  --transition-fast: 150ms ease;
  --transition-base: 240ms cubic-bezier(0.22, 1, 0.36, 1);
}