/* ============================================================================
   OXIDIA · TOKENS DE DISEÑO (v0.85)
   La paleta ÚNICA. Antes: 185 colores hardcodeados, TRES rojos casi idénticos.
   Regla: color nuevo = token nuevo con nombre y motivo, o no entra.
   Fuentes REALES (las únicas que se cargan): Chakra Petch (voz) · Share Tech Mono (datos)
   ========================================================================== */
:root {
  --carbon: #0c0a09;            /* el fondo del mundo */
  --panel: rgba(12, 10, 9, 0.92);
  --oxido: rgba(255, 140, 90, 1);   /* la marca: bordes, acentos */
  --oxido-borde: rgba(255, 140, 90, 0.35);
  --ambar: #ffd166;             /* dinero, temporizadores, lo que importa YA */
  --calido: #ffd9c4;            /* texto principal sobre oscuro (15:1) */
  --texto-apagado: rgba(255, 217, 196, 0.72);  /* deshabilitado LEGIBLE (>=4.5:1) */
  --sangre: #ff5f45;            /* EL rojo. El único. Daño, equipo Óxido */
  --acero: #7fb4ff;             /* equipo Acero */
  --verde-ok: #34d399;          /* confirmaciones */
  --fuente-voz: 'Chakra Petch', sans-serif;
  --fuente-datos: 'Share Tech Mono', monospace;
}
/* Accesibilidad: quien pide calma, recibe calma. Las animaciones se apagan. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}
/* Botón secundario del landing: jerarquía por diseño, no por hue-rotate inline */
.btn-alt { background: transparent; border: 1px solid var(--oxido-borde); color: var(--texto-apagado); }
.btn-alt:hover { border-color: var(--oxido); color: var(--calido); }
/* Iconos de equipo: el color NUNCA es el único canal (daltonismo) */
.eq-oxido::before { content: "▲ "; color: var(--sangre); }
.eq-acero::before { content: "■ "; color: var(--acero); }