:root {
  --mp-sidebar: #0B192E;
  --mp-sidebar-hover: #13233A;
  --mp-sidebar-active: #1E4FD6;
  --mp-bg: #F4F7FA;
  --mp-surface: #FFFFFF;
  --mp-border: #E5EAF0;
  --mp-text: #1F2937;
  --mp-text-muted: #6B7280;
  --mp-text-inverse: #FFFFFF;
  --mp-primary: #2563EB;
  --mp-primary-soft: #DBEAFE;
  --mp-teal: #14B8A6;
  --mp-success: #16A34A;
  --mp-danger: #DC2626;
  --mp-warning: #F59E0B;
  --mp-neutral: #64748B;
  --mp-avatar: #7C3AED;
  --mp-login-navy: #0A1628;
  --mp-login-accent: #5B8DEF;
  --mp-font: "Inter", "Segoe UI", system-ui, sans-serif;
  --mp-fs-xs: 0.75rem;
  --mp-fs-sm: 0.8125rem;
  --mp-fs-md: 0.875rem;
  --mp-fs-lg: 1rem;
  --mp-fs-xl: 1.25rem;
  --mp-space-1: 4px;
  --mp-space-2: 8px;
  --mp-space-3: 12px;
  --mp-space-4: 16px;
  --mp-space-5: 20px;
  --mp-space-6: 24px;
  --mp-radius: 8px;
  --mp-radius-sm: 6px;
  --mp-radius-pill: 999px;
  --mp-shadow: 0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
  --mp-shadow-fab: 0 8px 24px rgba(22, 163, 74, 0.35);
  --mp-sidebar-w: 260px;
  --mp-sidebar-w-collapsed: 72px;
  --mp-header-h: 56px;
  --mp-fab-size: 52px;
  --mp-z-sidebar: 40;
  --mp-z-header: 30;
  --mp-z-fab: 50;
  --mp-z-drawer: 60;
}