/* NEXO Driver -- SISTEMA DE DISENO "MAGNITUD" (Director, MANDATO 13-OCT-52, punto 1). UNA SOLA FUENTE DE COLOR: toda la app
   (app.css, los .js y el estilo del mapa) usa estas variables; fuera de este fichero no hay colores literales.
   Reglas: dorado con degradado SOLO para dinero y valor (la tarjeta protagonista y el boton primario); turquesa para
   oportunidad, verificado y detalles; ambar para atencion (etiquetas y franjas, nunca un boton ancho); rojo/coral solo para
   un problema real y vigente. El resto es neutro. */
:root{
  /* movimiento (13-OCT-46) */
  --ease-out:cubic-bezier(.22,1,.36,1);--ease-back:cubic-bezier(.34,1.56,.64,1);--t-fast:.15s;--t-med:.35s;--t-slow:.55s;
  /* --- los tokens del mandato --- */
  --bg:#080B12;
  --bg-glow:radial-gradient(120% 42% at 50% 0%,#241D0B 0%,#080B12 58%);
  --card:#0E121B;--card-2:#10141E;
  --chip:#121824;
  --line:#1E2636;--line-2:#2B3447;--line-3:#1A2231;
  --nav:#0A0D15;
  --gold:#F0CC5B;--gold-base:#D4AF37;--gold-deep:#C9A02F;
  /* 7.2: #C8B98A medio 4,15:1 en la esquina mas brillante del brillo dorado; ajustado (color, no tamano) a 4,90:1 */
  --gold-text-on-hero:#D6C99C;
  --turq-on-hero:#5FE3E3;
  --coral-on-hero:#FFB8A0;  /* el delta negativo dentro del protagonista: 4,87:1 en su punto mas brillante */   /* turquesa dentro del protagonista: 5,24:1 en el peor punto (#28C8C8 daba 3,93:1) */
  --turq:#28C8C8;
  --amber:#F0A93B;
  --red:#E5754B;--coral:#E5754B;
  --text:#EEF2F8;--text-2:#B7C3D8;--muted:#8FA0BC;

  /* --- derivados (mismos tonos; nombres semanticos) --- */
  --gold-grad:linear-gradient(135deg,#F0CC5B,#C9A02F);
  --on-gold:#0A0D15;
  --gold-soft:rgba(212,175,55,.12);--gold-edge:rgba(212,175,55,.6);--gold-ring:rgba(212,175,55,.55);
  --gold-bg:#2B2410;
  --hero-bg:radial-gradient(120% 95% at 0% 0%,rgba(226,190,74,.38) 0%,rgba(130,98,22,.20) 40%,#0F0D07 82%);
  --hero-beat:0 0 56px rgba(212,175,55,.32);
  --hero-edge:rgba(212,175,55,.8);--hero-rule:rgba(212,175,55,.3);
  --hero-glow:0 0 40px rgba(212,175,55,.18),inset 0 1px 0 rgba(255,236,170,.28);
  --gold-shadow:0 6px 24px rgba(212,175,55,.28);--gold-num-glow:0 0 28px rgba(226,190,74,.35);
  --turq-deep:#1FA3A3;--on-turq:#06222A;--turq-grad:linear-gradient(135deg,#28C8C8,#1FA3A3);
  --turq-bg:#0E2A31;--turq-bg-2:#12303A;--turq-bg-3:#0B1D2B;
  --turq-a18:rgba(40,200,200,.18);--turq-a42:rgba(40,200,200,.42);--turq-a50:rgba(40,200,200,.5);--turq-a55:rgba(40,200,200,.55);
  --turq-a60:rgba(40,200,200,.6);--turq-a70:rgba(40,200,200,.7);--turq-a0:rgba(40,200,200,0);
  --on-amber:#1A1204;--amber-bg:#2E2410;--amber-line:#5A4318;--amber-bg-a:rgba(46,36,16,.55);--amber-text:#E9D3A8;
  --on-red:#1A0A04;--red-bg:#3A1A12;--red-bg-2:#2D1A14;--red-text:#F49A78;--red-soft:#F2B8B0;--red-line:#C9655B;
  --cat-repairs:#6C8CFF;
  --line-dash:#3A4D70;
  --scrim:rgba(5,8,15,.7);--scrim-2:rgba(5,9,18,.66);--glass:rgba(8,11,18,.82);--glass-2:rgba(8,11,18,.6);
  --chip-a:rgba(18,24,36,.85);--shimmer:rgba(183,195,216,.10);--shadow:rgba(0,0,0,.5);--shadow-2:rgba(0,0,0,.55);
  --bar:rgba(255,255,255,.13);
  --white:#FFFFFF;--uat:#B3261E;
  /* la hoja blanca (Invoice) y la miniatura del PDF */
  --paper-1:#F2F4F8;--paper-2:#DDE2EA;--ink:#1A2233;--ink-2:#5B6678;--paper-rule:#B9C1CE;
  --thumb-1:#E9EDF3;--thumb-2:#C9D1DD;--thumb-line:#9AA4B5;--thumb-box:#7C879A;
  /* el mapa base (map-style.js las lee de aqui) */
  /* 13-OCT-61: Cargas en vivo (diseno aprobado s_LoadsLive2): radar, pines, aviso, hoja y tarjeta destacada */
  --v-pill:rgba(10,15,26,.9);--v-line:#2A3550;--v-track:#1B2438;--v-tag:#7FE3E3;--v-sheet:rgba(14,20,36,.97);--v-btn2:#B7C3D8;
  --v-first-a:#1C1808;--v-first-b:#0F1320;--v-first-edge:#8A6F1F;--v-first-ring:rgba(240,204,91,.12);--v-first-shadow:rgba(201,160,47,.18);
  --v-gold-a22:rgba(212,175,55,.22);--v-gold-a35:rgba(240,204,91,.35);--v-gold-a75:rgba(240,204,91,.75);--v-banner-shadow:rgba(201,160,47,.35);
  --v-turq-a02:rgba(40,200,200,.02);--v-turq-a12:rgba(40,200,200,.12);--v-turq-a32:rgba(40,200,200,.32);--v-turq-a45:rgba(40,200,200,.45);--v-turq-a80:rgba(40,200,200,.8);
  --v-me-ring:#0B2A30;--v-dark-a14:rgba(8,11,18,.14);--v-vig-0:rgba(8,11,18,0);--v-vig-55:rgba(8,11,18,.55);--v-vig-50:rgba(8,11,18,.5);--v-attr:rgba(8,11,18,.7);
  --sw-off-track:#1B2438;--sw-off-edge:#6B7A94;--sw-off-knob:#C9D3E3;   /* 13-OCT-62 defecto 46 */
  --navh:64px;   /* 13-OCT-62: barra inferior del diseno (64 px + area segura) */
  --v-map0:#0B1220;--v-map1:#0F1D33;--v-map2:#1A2845;--v-map3:#2C4574;
  --map-water:#0E1A2E;--map-land:#0B1220;--map-road:#1E2636;--map-road-2:#2B3447;--map-edge:#1E2636;--map-label:#8FA0BC;--map-halo:#080B12;
}