/*
  Values extracted from the live site's own shipped CSS/computed styles
*/
:root {
  /* Brand color — #0e76bc + related tones */
  --color-primary: #0e76bc;
  --color-primary-dark: #0b5f96;
  --color-primary-darker: #0a5488;
  --color-primary-light: #1590d4;
  --color-primary-lighter: #3aa3e0;
  --color-primary-soft: #f0f7fc;
  --color-primary-muted: #d4e8f5;
  --color-primary-rgb: 14, 118, 188;

  /* Neutrals */
  --color-white: #ffffff;
  --color-text: #1a202c;
  --color-text-muted: #2d3748;
  --color-bg-alt: #f7fafc;
  --color-body-text: #4a5568;
  --color-footer-bg: #1a202c;
  --color-footer-text: rgba(255, 255, 255, 0.75);

  /* Header — always compact */
  --header-height-desktop: 52px;
  --header-height-mobile: 44px;
  --header-height-current: var(--header-height-desktop);

  /* Radii */
  --radius-sm: 6px;

  /* Typography */
  --font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  --fs-h1-desktop: 36px;
  --lh-h1-desktop: 43.2px;
  --fs-h1-mobile: 24px;
  --lh-h1-mobile: 28.8px;

  --fs-body-desktop: 20px;
  --lh-body-desktop: 30px;
  --fs-body-mobile: 14px;
  --lh-body-mobile: 21px;

  --fs-button: 16px;
  --lh-button: 19.2px;
  --fw-button: 600;

  --fs-nav: 14px;
  --lh-nav: 21px;

  /* Container */
  --container-max: 1440px;
  --container-padding: 24px;

  /* Z-index scale */
  --z-header: 100;
  --z-dropdown: 1000;
  --z-mobile-nav: 90;
}