:root {
  --navy-950:#091625;--navy-900:#0B1F33;--navy-800:#12324F;--navy-700:#1B4569;
  --blue-700:#2456D8;--blue-600:#2F6BFF;--blue-500:#4B7FFF;--blue-100:#E9F0FF;
  --teal-600:#2EA8A8;--teal-500:#4DC4C4;--teal-100:#E4F8F8;
  --purple-600:#6842E8;--purple-500:#7A5AF8;--purple-100:#F0ECFF;
  --green-700:#247D54;--green-600:#2E9D68;--green-100:#E7F5EE;
  --amber-600:#D9881F;--amber-500:#F4A640;--amber-100:#FFF3DF;
  --red-700:#B93838;--red-600:#D84A4A;--red-100:#FCEAEA;
  --gray-950:#111827;--gray-800:#1F2937;--gray-700:#374151;--gray-600:#4B5563;
  --gray-500:#6B7280;--gray-400:#9CA3AF;--gray-300:#D1D5DB;--gray-200:#E5E7EB;
  --gray-150:#ECEFF4;--gray-100:#F3F4F6;--gray-50:#F8FAFC;--white:#FFFFFF;
  --font-sans:Inter,"Segoe UI",Arial,sans-serif;--font-mono:"SFMono-Regular",Consolas,monospace;
  --r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-pill:999px;
  --shadow-sm:0 1px 2px rgba(9,22,37,.08);--shadow-md:0 8px 24px rgba(9,22,37,.12);--shadow-lg:0 18px 50px rgba(9,22,37,.16);
  --sidebar:248px;--topbar:64px;--drawer:416px;--page-pad:24px;
  --ease:cubic-bezier(.2,.8,.2,1);
}