/* =========================================================================
   Medicare Advantage Plan Finder — Design Tokens
   Quasi-official healthcare aesthetic. Calmer blue than the auto landers,
   same orange CTA family so the system reads as related.
   ========================================================================= */

:root {
  /* ---------- Color ---------- */
  --c-primary:        #112E51;   /* USWDS-style deep navy */
  --c-primary-700:    #1A4480;
  --c-primary-50:     #EFF6FB;   /* Tertiary background tint */
  --c-action:         #FD6334;   /* Same signal orange family */
  --c-action-700:     #E04E1F;
  --c-accent:         #BF0A30;   /* Federal red, used in seal/iconography only */
  --c-success:        #00824D;   /* Healthcare green */
  --c-success-tint:   #E6F4EC;
  --c-error:          #B50909;
  --c-warn:           #B85C00;
  --c-cta-tel:        #0066B2;   /* Click-to-call button blue (more medical) */

  --c-surface:        #FFFFFF;
  --c-surface-alt:    #F4F7FA;   /* Section banding */
  --c-surface-tint:   #EFF6FB;
  --c-border:         #DCDEE0;
  --c-border-strong:  #6A6F75;
  --c-text:           #1B1B1B;
  --c-text-muted:     #4B4D52;
  --c-text-inverse:   #FFFFFF;

  /* ---------- Type ---------- */
  --font-sans: 'Public Sans', 'Source Sans 3', 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'Roboto Mono', ui-monospace, SFMono-Regular, monospace;

  --fs-hero:    clamp(2.25rem, 4.5vw, 3.25rem);
  --fs-h1:      clamp(1.875rem, 3.2vw, 2.5rem);
  --fs-h2:      clamp(1.5rem, 2.4vw, 2rem);
  --fs-h3:      1.25rem;
  --fs-lg:      1.125rem;
  --fs-md:      1rem;
  --fs-sm:      0.875rem;
  --fs-xs:      0.75rem;

  /* Click-to-call needs to read big and old-eye-friendly */
  --fs-tel-lg:  clamp(1.75rem, 3.6vw, 2.25rem);
  --fs-tel-md:  1.375rem;

  --lh-tight:   1.2;
  --lh-snug:    1.35;
  --lh-normal:  1.55;
  --lh-loose:   1.7;

  /* ---------- Space (8px base) ---------- */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4rem;
  --s-9: 6rem;

  --container: 1200px;
  --container-narrow: 960px;

  /* ---------- Radius / Borders ---------- */
  --r-sm: 2px;
  --r-md: 4px;
  --r-lg: 8px;
  --r-pill: 9999px;
  --bw: 1px;
  --bw-strong: 2px;

  /* ---------- Shadow (used sparingly) ---------- */
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06), 0 1px 1px rgba(15, 23, 42, 0.04);
  --shadow-md: 0 2px 6px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 8px 24px rgba(15, 23, 42, 0.10);

  /* ---------- Focus ---------- */
  --focus-ring: 0 0 0 3px #FD6334;

  /* ---------- Motion ---------- */
  --t-fast: 120ms;
  --t-base: 200ms;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);

  /* ---------- Phone (single source of truth, change here once) ---------- */
  --phone-display: '1-833-555-0140';
}