:root {
  --font: "DM Sans", "Segoe UI", system-ui, sans-serif;

  --bg: #070b12;
  --bg-elevated: #0d1320;
  --surface: #121a28;
  --surface-hover: #182234;
  --border: rgba(148, 163, 184, 0.12);
  --border-strong: rgba(148, 163, 184, 0.22);

  --text: #f1f5f9;
  --text-muted: #94a3b8;
  --text-dim: #64748b;

  --accent: #3b82f6;
  --accent-soft: rgba(59, 130, 246, 0.15);
  --accent-glow: rgba(59, 130, 246, 0.45);
  --accent-hover: #2563eb;

  --ok: #22c55e;
  --warn: #f59e0b;
  --err: #f87171;

  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 16px;
  --shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.5);

  --sidebar-w: 240px;
  --header-h: 56px;
  --transition: 0.18s ease;
}