:root {
  /* Brand colors sampled from the actual BSA logo; keep large surfaces light. */
  --color-primary: #0c6031;
  --color-primary-2: #0c6031;
  --color-secondary: #064b70;
  --color-body: #202124;
  --color-body-2: #4b5256;
  --color-heading-1: #064b70;
  --color-border: #d9e8e2;
  --primary-100: #edf5ef;
  --primary-200: #d7e8dc;
  --primary-300: #b5d2bf;
  --primary-400: #7faf93;
  --primary-500: #407f58;
  --primary-600: #0c6031;
  --primary-700: #0a512a;
  --primary-900: #063d1f;
  --secondary-100: #edf5f8;
  --secondary-200: #d6e7ee;
  --secondary-300: #a9cad9;
  --secondary-400: #78a7bc;
  --secondary-500: #3b7d9c;
  --secondary-600: #064b70;
  --secondary-700: #054363;
  --secondary-900: #06334d;
  --bsa-green: #0c6031;
  --bsa-green-light: #edf5ef;
  --bsa-blue: #064b70;
  --bsa-blue-bright: #064b70;
  --bsa-sky: #edf5f8;
  --bsa-navy: #064b70;
  --bsa-navy-deep: #064b70;
  --bsa-teal: #0c6031;
  --bsa-yellow: #0c6031;
  --bsa-paper: #fbfdfe;
  --bsa-ink: #202124;
  --bsa-muted: #4b5256;
  --bsa-rule: #d9e8e2;
  --bsa-radius: 8px;

  /* BSC Edu uses Montserrat for display, menu and CTA typography. */
  --bsa-font-family: 'Montserrat', Arial, sans-serif;
  --bsa-text-body: 16px;
  --bsa-text-body-line: 1.7;
  --bsa-text-h1: clamp(38px, 3.8vw, 54px);
  --bsa-text-h2: clamp(30px, 3vw, 40px);
  --bsa-text-h3: 24px;
}