/* Light theme. The neutral surfaces (backgrounds/text/borders/shadows) use the
   same white palette the login page applies locally, so the whole dashboard
   matches the marketing site and the login/registration page. Accent + status
   colours are tuned to read well on white (solid colour as text, a light tint as
   the matching -dim badge background). */
:root {
  --bg-primary: #ffffff;
  --bg-secondary: #f8fafc;
  --bg-card: #ffffff;
  --bg-card-hover: #f3f4f6;
  --bg-input: #ffffff;
  --accent: #3b82f6;
  --accent-hover: #2563eb;
  --accent-dim: #dbeafe;
  --text-primary: #111827;
  --text-secondary: #4b5563;
  --text-muted: #6b7280;
  --success: #16a34a;
  --success-dim: #dcfce7;
  --danger: #dc2626;
  --danger-dim: #fee2e2;
  --warning: #d97706;
  --warning-dim: #fef3c7;
  --border: #e5e7eb;
  --border-light: #d1d5db;
  --radius: 8px;
  --radius-lg: 12px;
  --shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.06);
  --sidebar-width: 220px;
  --transition: 0.2s ease;
}