:root {
  /* Archivo = display impact; Figtree = refined body (not Inter/Barlow defaults) */
  --font-display: "Archivo", "Segoe UI", system-ui, sans-serif;
  --font-body: "Figtree", "Segoe UI", system-ui, sans-serif;
  --mgs-navy-950: #0A0F16;
  --mgs-navy-900: #0B1F3A;
  --mgs-navy-800: #163A5F;
  --mgs-navy-700: #1E4D7B;
  --mgs-amber-500: #E8781A;
  --mgs-amber-600: #C65F0A;
  --mgs-amber-300: #F0A24A;
  --mgs-steel-600: #5A6570;
  --mgs-steel-400: #8B949E;
  --mgs-mist: #E2E6EB;
  --mgs-fog: #F7F8FA;
  --mgs-white: #FFFFFF;
  --mgs-overlay: linear-gradient(105deg, rgba(10, 15, 22, 0.9) 0%, rgba(11, 31, 58, 0.55) 48%, rgba(11, 31, 58, 0.25) 100%);
  --fs-display: clamp(2.65rem, 5.5vw, 4.75rem);
  --fs-h1: clamp(2.25rem, 4vw, 3.5rem);
  --fs-h2: clamp(1.75rem, 2.9vw, 2.5rem);
  --fs-h3: clamp(1.2rem, 1.8vw, 1.45rem);
  --fs-body: clamp(1.04rem, 1.1vw, 1.125rem);
  --fs-small: 0.875rem;
  --fs-eyebrow: 0.75rem;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --section-y: clamp(4.75rem, 9.5vw, 9rem);
  --gutter: clamp(1.25rem, 4vw, 2rem);
  --container: min(1180px, calc(100% - 2 * var(--gutter)));
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-pill: 999px;
  --shadow-card: 0 10px 34px rgba(11, 31, 58, 0.09);
  --shadow-card-hover: 0 18px 48px rgba(11, 31, 58, 0.16);
  --ease-out-expo: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 200ms;
  --dur-med: 350ms;
  --dur-slow: 700ms;
}