:root {
  --primary: #2563EB;
  --primary-dark: #1E40AF;
  --primary-soft: #DBEAFE;

  --bg: #F8FAFC;
  --surface: #FFFFFF;
  --surface-2: #F1F5F9;

  --text: #111827;
  --text-muted: #64748B;
  --border: #E5E7EB;

  --success: #16A34A;
  --success-soft: #DCFCE7;
  --warning: #EA580C;
  --warning-soft: #FFEDD5;
  --error: #DC2626;
  --error-soft: #FEE2E2;

  --sidebar-bg: #0F172A;
  --sidebar-text: #CBD5E1;
  --sidebar-text-active: #FFFFFF;
  --sidebar-hover: #1E293B;
  --sidebar-active: #2563EB;
  --sidebar-label: #64748B;
  --sidebar-border: #1E293B;

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-full: 999px;

  --shadow-sm: 0 1px 2px rgba(15,23,42,.06);
  --shadow-md: 0 4px 12px rgba(15,23,42,.08);
  --shadow-lg: 0 12px 32px rgba(15,23,42,.18);

  --topbar-h: 60px;
  --sidebar-w: 260px;
  --drawer-w: min(84vw, 300px);

  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}