:root {
  --bg-page:        #f4f4f5;
  --bg-card:        #ffffff;
  --bg-sidebar:     #ffffff;
  --bg-topbar:      #ffffff;

  --border:         #e4e4e7;
  --border-hover:   #d4d4d8;

  --text-primary:   #09090b;
  --text-secondary: #52525b;
  --text-muted:     #a1a1aa;

  --accent:         #6366f1;
  --accent-hover:   #4f46e5;
  --accent-bg:      #eef2ff;
  --accent-border:  #c7d2fe;

  --success:        #16a34a;
  --success-bg:     #f0fdf4;
  --success-border: #bbf7d0;

  --danger:         #dc2626;
  --danger-bg:      #fef2f2;
  --danger-border:  #fecaca;

  --warning:        #d97706;
  --info:           #0891b2;

  --font-sans: 'Inter', -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'Courier New', monospace;

  --sidebar-w:  200px;
  --topbar-h:   52px;
  --radius-sm:  6px;
  --radius-md:  8px;
  --radius-lg:  10px;
}