:root{
  /* Brand */
  --brand-700:#1F56D8; --brand-600:#2C6DF3; --brand-500:#4E86FF; --brand-50:#F3F7FF;

  /* Text & Surfaces */
  --bg:#F4F7FB; --surface:#FFFFFF; --surface-2:#FAFBFF;
  --text:#0F172A; --muted:#667085; --muted-2:#98A2B3; --divider:#E5E7EB;

  /* Status */
  --ok:#12B981; --warn:#F4B400; --danger:#EF4444; --info:#7C9EFF;

  /* Shape & elevation */
  --r-lg:16px; --r-md:12px; --r-sm:8px; --r-pill:999px;
  --sh-sm:0 1px 2px rgba(16,24,40,.06), 0 1px 1px rgba(16,24,40,.04);
  --sh-md:0 8px 24px rgba(16,24,40,.08);

  /* Spacing (4px base) */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px;
  --s-6:24px; --s-8:32px; --s-10:40px; --s-12:48px;

  /* Typography (Plus Jakarta Sans) */
  --f-h1:28px; --f-h2:20px; --f-h3:16px; --f-body:14px; --f-cap:12px;
  --fw-600:600; --fw-700:700;

  /* Layout metrics */
  --sidebar-w:256px; --sidebar-w-collapsed:80px; --topbar-h:64px; --z-topbar:40; --z-over:50;
}
html,body{background:var(--bg);color:var(--text);font:var(--f-body)/1.45 "Plus Jakarta Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;}