/* ============================================================
   Pharos — paleta del sistema
   ARCHIVO OBLIGATORIO. Se despliega junto a los .html, igual que
   config.js. Si falta, las páginas cargan sin colores de marca.

   Antes esta paleta estaba copiada dentro de los ocho archivos, con
   102 valores literales sueltos alrededor. Cambiar el bronce eran
   ocho ediciones, y lo que no pasaba por un token tampoco pasaba por
   revisión: los dos fallos de contraste que se corrigieron en agosto
   de 2026 eran, los dos, literales escritos a mano.

   Cada página conserva en su <style> solo lo que le es propio
   (medidas, y en el tablero los valores del tema oscuro).
   ============================================================ */

:root{
  /* ---------- Marca ---------- */
  --bronze:#C9974B;        /* acento principal */
  --bronze-dark:#A87A34;   /* bronce sobre fondo claro y estados hover */
  --bronze-soft:#E4C58B;   /* bronce sobre fondo oscuro */

  --navy:#0F2440;          /* barras superiores, botones primarios */
  --navy-deep:#0A1930;     /* fondo del degradado de acceso */
  --navy-950:#081226;      /* escala oscura del tablero */
  --navy-900:#0B1A33;
  --navy-800:#122645;
  --navy-700:#1B3358;

  /* ---------- Semáforo ----------
     Valores para superficie clara. El tablero, que es oscuro, los
     sube de luminosidad en su propio bloque. */
  --verde:#1FA85B;
  --ambar:#D99A16;
  --rojo:#D8433F;
  --gris:#94A3B8;          /* entregado / archivado */

  /* ---------- Superficies claras ---------- */
  --bg:#F2F4F8;            /* fondo de página */
  --card:#FFFFFF;          /* tarjetas, tablas, modales */
  --line:#DDE3EC;          /* bordes y separadores */
  --ink:#17233A;           /* texto principal */
  --ink-dim:#5D6B85;       /* texto secundario — 4,79:1 sobre --bg */

  /* ---------- Texto sobre fondo oscuro ---------- */
  --ink-claro:#EAF0FA;
  --ink-claro-dim:#8FA3C2; /* 6,84:1 sobre --navy-950 */

  /* ---------- Realces de estado sobre superficie clara ----------
     Pares fondo/texto ya verificados en contraste. */
  --ok-bg:#E5F7EC;    --ok-ink:#15703D;
  --aviso-bg:#FBF3DE; --aviso-ink:#7A5A0E;
  --error-bg:#FCE9E8; --error-ink:#A6302B;
  --info-bg:#EAF1FB;  --info-line:#C9DAF2; --info-ink:#2B4A75;

  /* ---------- Barras de desplazamiento ---------- */
  --scroll:#C3CDDD;
  --scroll-hover:#A9B6CC;
  --scroll-oscuro:#2A3F63;
  --scroll-oscuro-hover:#3C567F;
}

/* ============================================================
   La marca, en un solo sitio
   ⚠ Estas dos reglas estaban copiadas en cuatro archivos y FALTABAN en
   cinco —cotizador, costeo, kpis, gps y gps-indicadores—. Sin ellas el
   SVG no tiene altura y se estira a lo que le dé el contenedor: en el
   Cotizador el faro salía cuatro veces más grande que en el resto.
   Es el mismo motivo por el que la paleta vive aquí: un valor compartido
   copiado en cada archivo acaba faltando en alguno.
   ============================================================ */
.pharos-lockup{height:56px;width:auto;display:block;color:inherit}
.pharos-ico{height:34px;width:auto;display:block;color:inherit}