/* PortSync V2.5 · prototipo «4 · Fusión» · tokens propios del zoom al pilote (pilote.html y pilote-3d.js).
   Va DESPUÉS de sitio/assets/css/portsync-tokens.css. Casi todo apunta a la escala de ese archivo; los únicos valores
   nuevos son materiales físicos del modelo 3D que la paleta no tiene (hormigón, arena, suelo, acero oxidado). No son
   colores de interfaz: ningún estado usa estos tonos, y rojo, ámbar y verde siguen solo para Crítico, Advertencia y
   Sin Novedad. pilote-3d.js lee estos tokens con getComputedStyle: cambiar uno aquí cambia el modelo. */

:root {
  /* ---------- materiales del modelo (iguales en tema claro y oscuro: es un objeto físico) ---------- */
  --mat-acero: var(--neutro-600);            /* acero del pilote, con revestimiento oscuro */
  --mat-acero-interior: var(--neutro-850);
  --mat-acero-sumergido: var(--neutro-700);  /* bajo la bajamar: más áspero (incrustaciones) */
  --mat-acero-corroido: #4b433d;              /* nuevo: acero picado de la zona de salpicadura */
  --mat-hormigon: #b8b4ab;                    /* nuevo: hormigón armado (Iquique) y tablero */
  --mat-hormigon-humedo: #8f8b83;             /* nuevo: hormigón bajo el agua */
  --mat-armadura: var(--neutro-500);
  --mat-armadura-corroida: #5a4c42;           /* nuevo: refuerzo con cloruros (ilustración) */
  --mat-inox: var(--neutro-200);             /* abrazaderas de acero inoxidable 316 */
  --mat-epdm: var(--neutro-900);             /* caucho EPDM */
  --mat-caja: var(--neutro-300);             /* caja IP67 de policarbonato gris */
  --mat-placa: var(--neutro-400);            /* placa rígida interior */
  --mat-pcb: var(--azul-800);                /* placa del ADXL355 */
  --mat-pcb-2: var(--neutro-850);            /* placa del ESP32 / LTE */
  --mat-chip: var(--neutro-950);
  --mat-blindaje: var(--neutro-200);         /* blindaje del módulo de radio */
  --mat-bateria: var(--azul-600);            /* celdas 18650 */
  --mat-pvc: var(--neutro-100);              /* tubo de PVC perforado */
  --mat-cable: var(--neutro-950);
  --mat-galga: var(--dorado-400);            /* lámina de la galga */
  --mat-tapa-galga: var(--neutro-850);
  --mat-tablero: var(--mat-hormigon);
  --mat-baranda: var(--neutro-400);
  --mat-panel-solar: var(--azul-950);
  --mat-aluminio: var(--neutro-300);
  --mat-antena: var(--neutro-100);
  --mat-agua: var(--azul-500);
  --mat-agua-superficie: var(--azul-300);
  --mat-agua-linea: var(--azul-100);
  --mat-arena: #c8b99c;                       /* nuevo: fondo marino (arena) */
  --mat-suelo-1: #a5977d;                     /* nuevo: estrato bajo la arena */
  --mat-suelo-2: #85796a;                     /* nuevo: estrato profundo */
  --mat-luz: var(--blanco);
  --mat-luz-relleno: var(--azul-100);

  /* ---------- tablero del zoom (tema oscuro: el sitio parte oscuro) ---------- */
  --pl-fondo-1: var(--azul-950);
  --pl-fondo-2: var(--neutro-950);
  --pl-fondo-3: var(--neutro-1000);
  --pl-vidrio: color-mix(in srgb, var(--neutro-900) 76%, transparent);
  --pl-vidrio-borde: var(--line-strong);
  --pl-cruz: var(--line-strong);
  --pl-anillo: var(--azul-400);
  --pl-guia: var(--azul-300);
  --pl-curva: var(--azul-300);
  --pl-fantasma: var(--line-strong);
  /* estados en gráficos (celdas del índice, curvas, marcas): ≥ 3:1 contra el fondo en cada tema */
  --pl-ok-graf: var(--verde-400);
  --pl-warn-graf: var(--ambar-300);
  --pl-crit-graf: var(--rojo-400);
}

@media (prefers-color-scheme: light) {
  :root[data-tema="panel"]:not([data-theme="dark"]) {
    --pl-fondo-1: var(--blanco);
    --pl-fondo-2: var(--azul-50);
    --pl-fondo-3: var(--neutro-100);
    --pl-vidrio: color-mix(in srgb, var(--blanco) 74%, transparent);
    --pl-vidrio-borde: color-mix(in srgb, var(--blanco) 85%, transparent);
    --pl-cruz: var(--neutro-300);
    --pl-anillo: var(--azul-600);
    --pl-guia: var(--azul-700);
    --pl-curva: var(--azul-700);
    --pl-fantasma: var(--neutro-300);
    --pl-ok-graf: var(--verde-500);
    --pl-warn-graf: var(--ambar-500);
    --pl-crit-graf: var(--rojo-500);
  }
}
:root[data-tema="panel"][data-theme="light"] {
  --pl-fondo-1: var(--blanco);
  --pl-fondo-2: var(--azul-50);
  --pl-fondo-3: var(--neutro-100);
  --pl-vidrio: color-mix(in srgb, var(--blanco) 74%, transparent);
  --pl-vidrio-borde: color-mix(in srgb, var(--blanco) 85%, transparent);
  --pl-cruz: var(--neutro-300);
  --pl-anillo: var(--azul-600);
  --pl-guia: var(--azul-700);
  --pl-curva: var(--azul-700);
  --pl-fantasma: var(--neutro-300);
  --pl-ok-graf: var(--verde-500);
  --pl-warn-graf: var(--ambar-500);
  --pl-crit-graf: var(--rojo-500);
}