/* ==========================================
   Base común de toda la aplicación
   Qué cubre: Todas las pantallas.
   Variables de color (:root), reinicio básico (*, body) y la utilidad .deshabilitado.
   Orden de carga: ver ESTRUCTURA.md (este archivo es el nº 1 de 12).
   Secciones:
     · ATOMIX - DASHBOARD & CONTROL CENTER
   ========================================== */

/* Reset Básico */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

body, html {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #1a1a1a;
}

.deshabilitado {
  display: none !important;
}
/* ==========================================
   ATOMIX - DASHBOARD & CONTROL CENTER
   Paleta clara e inspirada en el atardecer de la
   ciudad de portada (ámbar / cian / verde sostenible)
   ========================================== */

:root {
  --atx-bg-app: linear-gradient(160deg, #f6ecff 0%, #eaf4ff 45%, #fff1e7 100%);
  --atx-panel-bg: #ffffff;
  --atx-panel-bg-suave: #faf5ff;
  --atx-panel-border: #e6d9fb;
  --atx-text-dark: #1e1b3a;
  --atx-text-muted: #64748b;
  --atx-text-muted-suave: #94a3b8;
  --atx-accent-amber: #fb923c;
  --atx-accent-amber-dark: #ea580c;
  --atx-accent-teal: #8b5cf6;
  --atx-accent-teal-dark: #6d28d9;
  --atx-accent-green: #22c55e;
  --atx-accent-green-dark: #15803d;
  --atx-accent-cyan: #22d3ee;
  --atx-accent-cyan-dark: #0891b2;
  --atx-accent-pink: #ec4899;
  --atx-accent-pink-dark: #db2777;
  --atx-track-bg: #f1f5f9;
  --atx-sombra: rgba(76, 29, 149, 0.12);
}