:root {
  --navy:    #0B1F3A;
  --navy2:   #122848;
  --teal:    #1A8A4A;
  --teal2:   #2ECC71;
  --accent:  #145C32;
  --dark-gradient: linear-gradient(135deg, #24476B 0%, #276B5E 55%, #238450 100%);
  --sky:     #E8F5E9;
  --white:   #FFFFFF;
  --off:     #F8FAFC;
  --muted:   #64748B;
  --border:  #E2E8F0;
  --text:    #1E293B;
  --card-bg: #FFFFFF;
  --shadow:  0 4px 24px rgba(11,31,58,0.08);
  --shadow2: 0 12px 48px rgba(11,31,58,0.18);
  --glow:    0 0 40px rgba(46,204,113,0.25);
  --radius:  16px;
  --radius2: 10px;
  --transition: 0.3s cubic-bezier(0.4,0,0.2,1);
  --font: 'Inter', system-ui, sans-serif;
  --font-heading: 'Poppins', 'Inter', sans-serif;
}