/* ============================================================================
   MARCA MAS INGENIERÍA — TOKENS
   ============================================================================

   FUENTE DE VERDAD
   ----------------
   Los colores se extrajeron del PNG del logo oficial, no de una estimación
   visual del swatch: son los valores exactos que salieron del vectorial.

     Pantone 7461 C   #0077BE   azul de marca
     Pantone Cool Gray 8  #878B8F   gris de marca

   HALLAZGO DE ACCESIBILIDAD
   -------------------------
   #0077BE sobre el fondo oscuro (#0B1220) da 3.91:1. WCAG AA exige 4.5:1
   para texto pequeño, así que el azul de marca NO puede usarse tal cual para
   texto o iconos pequeños sobre oscuro: se leería mal en la pantalla de una
   planta, que es justo donde se va a mirar.

   Solución sin desviar la identidad: se mantiene #0077BE para SUPERFICIES
   (botones, chips, fondos sólidos), donde el blanco encima da 4.79:1 y
   cumple; y para TEXTO sobre oscuro se usa una variante del MISMO tono
   (mismo H y S en HLS, solo más clara) que llega a 8.32:1.

   No es un color distinto: es el mismo azul con otra luminosidad, igual que
   un manual de marca define versiones para fondo claro y oscuro.
   ============================================================================ */

:root {
  /* --- Colores de marca, sin alterar --- */
  --brand-blue: #0077BE;          /* Pantone 7461 C */
  --brand-gray: #878B8F;          /* Pantone Cool Gray 8 */

  /* Verde del wordmark del producto. NO es el verde de estado NORMAL aunque
     coincida el tono: se usa solo en la cabecera, junto al logotipo, nunca
     dentro de una tarjeta o un badge donde pudiera leerse como condición. */
  --brand-green: #2FBF71;

  /* --- Escala derivada del azul (mismo tono, distinta luminosidad) --- */
  --brand-blue-900: #004E7C;
  --brand-blue-700: #0062A0;
  --brand-blue-600: #0077BE;      /* base */
  --brand-blue-500: #008FE5;      /* 5.40:1 sobre fondo */
  --brand-blue-400: #3DB6FF;      /* 8.32:1 — texto y acentos sobre oscuro */
  --brand-blue-300: #65C5FF;

  /* --- Escala derivada del gris --- */
  --brand-gray-700: #5C6064;
  --brand-gray-600: #878B8F;      /* base */
  --brand-gray-500: #A2A5A8;      /* 6.88:1 sobre panel */
  --brand-gray-400: #B5B7BA;

  /* --- Superficies --- */
  --bg: #0B1220;
  --panel: #131C2E;
  --panel-2: #0F1729;
  --panel-3: #18223A;
  --border: #22304A;
  --border-strong: #2E3D5A;

  /* --- Texto --- */
  --text: #E8EDF5;
  --dim: var(--brand-gray-500);   /* gris de marca, aclarado para cumplir AA */
  --text-faint: #6B7889;

  /* --- Acento: el azul de marca en su versión legible sobre oscuro --- */
  --accent: var(--brand-blue-400);
  --accent-surface: var(--brand-blue-600);   /* para fondos sólidos */

  /* --- Estados operativos ---
     Deliberadamente NO son colores de marca: significan condición del
     producto, no identidad. Mezclarlos con el azul corporativo haría que un
     estado normal y un elemento de marca se confundieran de un vistazo. */
  --ok: #2FBF71;
  --warn: #E8A33D;
  /* Aclarado desde #E5484D, que daba 4.35:1 sobre panel y no cumplía AA.
     Mismo tono, más luminoso: sigue leyéndose como alarma y ahora es
     legible para texto pequeño. */
  --alarm: #E85E63;
  --offline: #6B7889;
  --nolimits: #9B8AFB;

  --radius: 12px;
  --radius-sm: 8px;
  --radius-lg: 16px;

  --shadow-card: 0 1px 2px rgba(0,0,0,0.25);
  --shadow-raised: 0 8px 24px rgba(0,0,0,0.35);
}