/* Niva Live — tokens de design compartilhados (ver docs/ARQUITETURA.md) */
:root {
  color-scheme: dark;
  --fundo: #0b0f14;
  --superficie: #121821;
  --superficie-2: #18212c;
  --superficie-3: #212c39;
  --borda: rgba(255, 255, 255, 0.08);
  --borda-forte: rgba(255, 255, 255, 0.14);
  --texto: #e8eef5;
  --texto-2: #8b98a8;
  --texto-3: #5d6b7c;
  --marca: #12c48f;
  --marca-2: #0ea377;
  --marca-suave: rgba(18, 196, 143, 0.14);
  --alerta: #f59e0b;
  --critico: #ef4444;
  --frio: #38bdf8;
  --quente: #fbbf24;
  --raio: 18px;
  --raio-p: 12px;
  --sombra: 0 10px 30px rgba(0, 0, 0, 0.35);
  --fonte: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fonte-titulo: 'Space Grotesk', 'Inter', system-ui, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: var(--fundo);
  color: var(--texto);
  font-family: var(--fonte);
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; -webkit-tap-highlight-color: transparent; }
[hidden] { display: none !important; }