@import url("fonts.css?v=20260812-2");

:root {
  --navy: #18365f;
  --navy-deep: #0f2747;
  --blue: #245c96;
  --cyan: #22a7df;
  --background: #f5f8fc;
  --text: #172033;
  --white: #ffffff;
  --muted: #5e6d82;
  --border: #dbe5ef;
  --focus: #ffbf47;
  --success: #176b50;

  --font-heading: "Montserrat", Arial, Helvetica, sans-serif;
  --font-body: "Montserrat", Arial, Helvetica, sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: clamp(1.75rem, 3vw, 2.5rem);
  --text-3xl: clamp(2.25rem, 5vw, 4.5rem);

  --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: 4rem;
  --space-9: 6rem;

  --radius-sm: 0.5rem;
  --radius-md: 0.875rem;
  --radius-lg: 1.5rem;
  --shadow-sm: 0 0.5rem 1.5rem rgba(15, 39, 71, 0.08);
  --shadow-md: 0 1.25rem 3.5rem rgba(15, 39, 71, 0.14);
  --container: 76rem;
  --transition: 180ms ease;
}

html[data-font-scale="large"] {
  font-size: 112.5%;
}

html[data-contrast="high"] {
  --navy: #07192f;
  --navy-deep: #000000;
  --blue: #123f73;
  --cyan: #6bd4ff;
  --background: #ffffff;
  --text: #000000;
  --muted: #27313d;
  --border: #4b5563;
}