/* ============ TOKENS DE DISEÑO — edita aquí colores y tipografía ============ */
:root {
  --bg: #0a0e1a;
  --bg-2: #0f1424;
  --surface: rgba(255,255,255,.045);
  --surface-2: rgba(255,255,255,.075);
  --border: rgba(255,255,255,.10);
  --text: #e8ecf6;
  --muted: #8f9ab5;
  --accent: #22d3ee;
  --accent-2: #818cf8;
  --grad: linear-gradient(135deg, #22d3ee 0%, #818cf8 100%);
  --ok: #34d399;
  --warn: #fbbf24;
  --bad: #f87171;
  --info: #60a5fa;
  --radius: 16px;
  --radius-sm: 10px;
  --shadow: 0 10px 40px rgba(0,0,0,.35);
  --font-display: 'Clash Display', 'Cabinet Grotesk', system-ui, sans-serif;
  --font-body: 'Cabinet Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --sidebar-w: 260px;
}