:root {
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  --blur: 20px;
  --blur-lg: 32px;

  --sidebar-w: 280px;
  --sidebar-w-collapsed: 76px;
  --topbar-h: 64px;

  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --duration: 0.25s;
  --duration-slow: 0.4s;

  --brand: #3b82f6;
  --brand2: #2563eb;
  --brand-glow: rgba(59, 130, 246, 0.35);
  --accent-gold: #f59e0b;
  --accent-gold-soft: rgba(245, 158, 11, 0.15);
  --green: #22c55e;
  --green-soft: rgba(34, 197, 94, 0.15);
  --red: #ef4444;
  --red-soft: rgba(239, 68, 68, 0.15);
  --amber: #f59e0b;
  --amber-soft: rgba(245, 158, 11, 0.15);
  --violet: #8b5cf6;
  --violet-soft: rgba(139, 92, 246, 0.15);
  --teal: #14b8a6;
  --teal-soft: rgba(20, 184, 166, 0.15);
  --pink: #ec4899;
  --pink-soft: rgba(236, 72, 153, 0.15);

  --z-sidebar: 100;
  --z-topbar: 50;
  --z-overlay: 90;
  --z-modal: 200;
}