/* ── CSS VARIABLES ── */
:root {
  --navy:        #1a237e;
  --navy-dark:   #0f1654;
  --navy-mid:    #3949ab;
  --navy-light:  #e8eaf6;
  --navy-pale:   #f0f2ff;
  --green:       #22c55e;
  --green-dark:  #166534;
  --green-mid:   #2e7d32;
  --green-pale:  #f0fdf4;
  --green-border:#bbf7d0;
  --slate:       #334155;
  --slate-mid:   #64748b;
  --slate-light: #94a3b8;
  --bg:          #f0f2f5;
  --bg-white:    #ffffff;
  --bg-card:     #ffffff;
  --text:        #1e293b;
  --border:      #e2e8f0;
  --border-mid:  #cbd5e1;
  --red:         #ef4444;
  --red-pale:    #fef2f2;
  --amber:       #f59e0b;
  --amber-pale:  #fffbeb;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

body {
  font-family: 'DM Sans', sans-serif;
  background: var(--bg);
  color: var(--text);
  overflow-x: hidden;
  line-height: 1.7;
}

::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: var(--navy-mid); border-radius: 3px; }