:root {
  --iss-navy: #0F2867;
  --iss-dark-blue: #16377A;
  --iss-blue: #163A8A;
  --iss-blue-medium: #214A9D;
  --iss-blue-bright: #2459D0;
  --iss-yellow: #F5C800;
  --iss-yellow-soft: #FCEFB8;
  --iss-white: #FFFFFF;
  --iss-background: #F2F5F8;
  --iss-gray: #66788A;
  --iss-text-secondary: #53677C;
  --iss-border: #DCE4EA;
  --iss-dark: #0A1735;
  --gradient-iss: linear-gradient(110deg,#0F2867 0%,#16377A 38%,#214A9D 68%,#2459D0 100%);
  --gradient-iss-dark: linear-gradient(135deg,#081A46 0%,#102F72 55%,#163A8A 100%);
  --gradient-iss-light: linear-gradient(110deg,#163A8A 0%,#2459D0 100%);
  --font: "Inter", Arial, "Segoe UI", sans-serif;
  --space-xs: .5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-section: clamp(4.5rem,8vw,8rem);
  --container: 1240px;
  --radius: 18px;
  --radius-lg: 22px;
  --shadow: 0 30px 80px rgba(15, 40, 103, 0.12);
  --shadow-soft: 0 18px 50px rgba(15, 40, 103, 0.08);
  --transition: 280ms cubic-bezier(0.22, 1, 0.36, 1);
  /* Media queries mirror the documented 480 / 768 / 992 / 1200 / 1440px breakpoints. */
}