:root {
  --brand-primary: #5b5cf0;
  --brand-secondary: #0ea5e9;
  --brand-accent: #7c3aed;

  --neutral-0: #ffffff;
  --neutral-50: #f8fafc;
  --neutral-100: #eef2f7;
  --neutral-200: #dbe3ee;
  --neutral-400: #94a3b8;
  --neutral-700: #334155;
  --neutral-800: #1e293b;
  --neutral-900: #0f172a;
  --neutral-950: #090e1a;

  --success: #10b981;
  --warning: #f59e0b;
  --danger: #ef4444;
  --info: #38bdf8;

  --font-sans: Inter, "Segoe UI", ui-sans-serif, system-ui, sans-serif;
  --font-display: Inter, "Segoe UI", ui-sans-serif, system-ui, sans-serif;

  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.18);

  --sidebar-w: 280px;
  --content-max: 1440px;
}