:root {
  --navy:       #0f2251;
  --navy-mid:   #1a3a7a;
  --blue:       #1e6fb5;
  --teal:       #0ab5c8;
  --teal-light: #3dd6e8;
  --white:      #ffffff;
  --off-white:  #f4f7fc;
  --light-grey: #e8eef7;
  --mid-grey:   #8494b0;
  --text:       #1a2a4a;
  --text-light: #4a5f80;
  --grad:       linear-gradient(135deg, var(--teal) 0%, var(--blue) 50%, var(--navy-mid) 100%);
  --grad-text:  linear-gradient(90deg, var(--teal) 0%, var(--blue) 100%);
  --shadow-sm:  0 2px 12px rgba(15,34,81,0.08);
  --shadow-md:  0 8px 32px rgba(15,34,81,0.12);
  --shadow-lg:  0 20px 60px rgba(15,34,81,0.16);
  --radius:     14px;
  --radius-sm:  8px;
}