:root {
  /* Brand colors */
  --coral:        #E8502A;   /* bright accent — large stats, icons, borders (not small text) */
  --coral-dark:   #C23E1F;   /* AA-safe coral — buttons + text links on white (5.2:1) */
  --coral-darker: #A23318;   /* button hover */
  --coral-light:  #FDF1EE;
  --navy:         #1B3F7A;
  --navy-mid:     #2C5282;
  --navy-light:   #EBF0FA;
  --charcoal:     #1C1C2E;
  --slate:        #4A5568;
  --mid-gray:     #5B687A;   /* darkened for AA contrast on white (was #718096) */
  --border:       #E2E8F0;
  --white:        #FFFFFF;
  --offwhite:     #F8FAFC;
  --success:      #2D9E6B;
  --star:         #F5A623;

  /* Typography */
  --font-display: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body:    'Source Serif 4', Georgia, serif;
  --font-mono:    'JetBrains Mono', 'Courier New', monospace;

  /* Type scale */
  --text-xs:      0.75rem;
  --text-sm:      0.875rem;
  --text-base:    1rem;
  --text-lg:      1.125rem;
  --text-xl:      1.25rem;
  --text-2xl:     1.5rem;
  --text-3xl:     2rem;
  --text-4xl:     2.75rem;
  --text-hero:    clamp(2.25rem, 5vw, 4rem);

  /* Layout */
  --max-width:    1240px;
  --gutter:       1.5rem;
  --section-v:    6rem;
  --card-radius:  10px;
  --btn-radius:   6px;

  /* Shadows */
  --shadow-sm:    0 1px 3px rgba(0,0,0,0.08);
  --shadow-md:    0 4px 16px rgba(0,0,0,0.10);
  --shadow-lg:    0 8px 32px rgba(0,0,0,0.12);

  /* Transitions */
  --transition:   220ms ease;
}

@media (max-width: 768px) {
  :root {
    --section-v: 3.5rem;
    --gutter: 1rem;
  }
}