/* =============================================================================
   GoMedPay — Design Tokens + Base Element Styles
   Split from gomedpay.css (CAB-012). Load order: tokens → components → utilities.
   ============================================================================= */

/*
   * GOMEDPAY DESIGN TOKENS
   * Navy  #1B4F8A  — institutional trust (replaces #0066CC)
   * Teal  #00897B  — healthcare-innovation accent; used for CTAs & icons
   * Danger #C62828 — 120-day cliff urgency (serious, not alarming)
   * Slate #37474F  — body text (softer than black)
   * Ice   #EEF4FB  — light section background
   */
:root {
  --gmp-navy: #1b4f8a;
  --gmp-navy-dark: #133a6a;
  --gmp-navy-light: #2c6bbf;
  --gmp-teal: #00897b;
  --gmp-teal-dark: #00695c;
  --gmp-teal-light: #4db6ac;
  --gmp-danger: #c62828;
  --gmp-slate: #37474f;
  --gmp-slate-mid: #607d8b;
  --gmp-ice: #eef4fb;
  --gmp-border: #d0def0;
  --gmp-white: #ffffff;
  --gmp-gold: #C4943A;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  color: var(--gmp-slate);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--gmp-navy);
}
section {
  scroll-margin-top: 74px;
}