:root {
  --navy:       #0B1A3D;
  /* Brand accent: orange + navy (client, 2026-10-23). --yellow is kept as an
     alias so the older selectors keep working; new code should use --orange. */
  --orange:       #F28C28;
  --orange-dark:  #D9741A;   /* hover / pressed */
  --orange-deep:  #9A4D00;   /* small text on white */
  --orange-rgb:   242, 140, 40;
  --navy-mid:     #14275A;   /* mid-navy bands (was slate #475A82) */
  --yellow:       var(--orange);
  --white:      #FFFFFF;
  --off-white:  #F6F8FB;   /* cool, navy-tinted (was warm #FAFAF8) */
  --charcoal:   #1A1A1A;
  --gray-light: #EDF0F5;   /* cool (was warm #F0F0EE) */
  --gray-mid:   #8A8A8A;
  --navy-deep:  #060F24;

  --font: 'Supreme', 'Inter', sans-serif;

  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  24px;
  --space-lg:  48px;
  --space-xl:  80px;
  --space-2xl: 120px;
  --space-3xl: 160px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:  cubic-bezier(0.4, 0, 1, 1);
}