:root {
  --navy: #0b3a6e;
  --blue: #1469e8;
  --blue-light: #2378f2;
  --orange: #ff7900;
  --orange-red: #ff4d12;
  --interactive-hover: var(--orange);
  --interactive-hover-soft: #fff8f1;
  --coupon-code: #137a43;
  --coupon-code-hover: #116b3a;
  --coupon-offer: #9f2d2d;
  --coupon-offer-hover: #8b2525;
  --heading: #102b4e;
  --heading-h1-size: 32px;
  --heading-h1-mobile-size: 28px;
  --heading-h1-color: #102b4e;
  --heading-h2-size: 32px;
  --heading-h2-mobile-size: 28px;
  --heading-h2-color: #102b4e;
  --heading-h3-size: 24px;
  --heading-h3-color: #102b4e;
  --heading-h4-size: 20px;
  --heading-h4-color: #102b4e;
  --body-text-size: 16px;
  --body-text-color: #46586a;
  --text: #46586a;
  --text-muted: #405266;
  --background: #f6f9fc;
  --page-background: color-mix(in srgb, var(--background) 85%, var(--navy));
  --surface: #ffffff;
  --border: #dde6ef;
  --border-soft: #edf2f7;
  --success: #1baa67;
  --success-bg: #eaf8f1;
  --warning: #f3a712;
  --warning-bg: #fff7e2;
  --error: #d94242;
  --error-bg: #fdecec;
  --info: #1469e8;
  --info-bg: #eaf2fe;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
}