/* ══ Design Tokens ══════════════════════════════════════════ */
:root {
  --blue:         #0A73BA;
  --blue-d:       #075d96;
  --blue-light:   #E8F4FA;
  --teal:         #0E7490;
  --teal-light:   #E0F5F9;
  --green:        #1E8A4C;
  --green-light:  #E6F5ED;
  --amber:        #B45309;
  --amber-light:  #FEF3C7;
  --purple:       #7C3AED;
  --purple-light: #EDE9FE;
  --orange:       #C2410C;
  --orange-light: #FEE2D5;
  --indigo:       #4F46E5;
  --indigo-light: #EEF2FF;
  --rose:         #BE185D;
  --rose-light:   #FCE7F3;
  --dark:         #32373C;
  --text:         #333333;
  --text-light:   #6B7280;
  --text-l:       var(--text-light);  /* alias for backwards compat */
  --bg:           #F8F9FB;
  --white:        #FFFFFF;
  --border:       #E2E6EA;
  --shadow:       0 2px 8px rgba(0,0,0,0.07);
  --shadow-sm:    0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --radius:       6px;
  --nav-h:        60px;
  --drawer-w:     480px;
}