/* Tema de los paneles del equipo (Central-Core y Tech-Node): negro + rojo.
   Los paneles de los moteles NO lo usan: ellos llevan la marca de cada motel. */
/* ===== Tema del equipo: NEGRO + ROJO (los colores de Mateo) =====
     Rojo sobrio, no de neón: se usa poco (lo seleccionado, el botón principal,
     lo que necesita a una persona) para que no canse la vista. Las alertas
     críticas usan un rojo más naranja y siempre con ícono, para no confundirse
     con la marca. El oscuro es el predeterminado. */
  :root, [data-theme="dark"] {
    --bg: #0d0a0b;
    --fondo: #0d0a0b;
    --panel: #161112;
    --panel-2: #1c1617;
    --borde: #2a2122;
    --borde-fuerte: #3c3031;
    --tinta: #f5f0f0;
    --tinta-2: #b9adae;
    --tinta-3: #8a7c7d;
    --sombra: 0 1px 2px rgba(0,0,0,0.5), 0 4px 16px rgba(0,0,0,0.35);
    --sombra-alta: 0 10px 40px rgba(0,0,0,0.65);

    --marca: #d6363d;            /* rojo de la casa */
    --marca-fuerte: #ff6b70;     /* rojo para texto sobre negro */
    --marca-suave: #261314;
    --marca-borde: #5a2226;
    --sobre-marca: #ffffff;

    --ok: #4cc38a;        --ok-bg: #12261c;        --ok-borde: #22462f;
    --info: #7fa9de;      --info-bg: #141e2b;      --info-borde: #25374d;
    --aviso: #efb440;     --aviso-bg: #2b2111;     --aviso-borde: #54401b;
    --critico: #ff6a4d;   --critico-bg: #33150f;   --critico-borde: #6e2a1d;   --critico-solido: #c0331d;
    --neutro: #9b8f90;    --neutro-bg: #221c1d;    --neutro-borde: #382e2f;
    --anillo: 0 0 0 3px rgba(214, 54, 61, 0.45);
  }
  [data-theme="light"] {
    --bg: #f6f3f2; --fondo: #f6f3f2;
    --panel: #ffffff; --panel-2: #faf7f6;
    --borde: #ebe3e2; --borde-fuerte: #d5c9c8;
    --tinta: #1b1314; --tinta-2: #695c5d; --tinta-3: #988b8c;
    --sombra: 0 1px 2px rgba(27, 19, 20, 0.06), 0 4px 16px rgba(27, 19, 20, 0.05);
    --sombra-alta: 0 10px 40px rgba(27, 19, 20, 0.18);
    --marca: #c0242b; --marca-fuerte: #9b1a20;
    --marca-suave: #fbebeb; --marca-borde: #f0c3c5;
    --sobre-marca: #ffffff;
    --ok: #157f4c;      --ok-bg: #e5f5ec;      --ok-borde: #b5dfc6;
    --info: #2d67a8;    --info-bg: #e9f1fb;    --info-borde: #c3d6ee;
    --aviso: #8c5b00;   --aviso-bg: #fff3d6;   --aviso-borde: #eed9a2;
    --critico: #c2410c; --critico-bg: #fdeee6; --critico-borde: #f3c7b0; --critico-solido: #b42d12;
    --neutro: #6f6566;  --neutro-bg: #eeeaea;  --neutro-borde: #dad3d3;
    --anillo: 0 0 0 3px rgba(192, 36, 43, 0.3);
  }
  /* El menú lateral es más negro que el contenido, como un marco. */
  :root:not([data-theme="light"]) .cc-lateral, [data-theme="dark"] .cc-lateral { background: #080607; }
  .cc-lateral-marca .sc-logo-caja { background: var(--marca); color: #fff; }

/* ===== Tech-Node: NEGRO + AZUL (el color de Checho) =====
   Mismo negro de la casa; solo cambia el acento. */
html[data-panel="tech"], html[data-panel="tech"][data-theme="dark"] {
  --marca: #2f6fd0;
  --marca-fuerte: #6ea8f2;
  --marca-suave: #111a28;
  --marca-borde: #24426e;
  --sobre-marca: #ffffff;
  --info: #8fb8e8;
  --anillo: 0 0 0 3px rgba(47, 111, 208, 0.45);
}
html[data-panel="tech"][data-theme="light"] {
  --marca: #1f5fb8;
  --marca-fuerte: #164a91;
  --marca-suave: #e8f0fb;
  --marca-borde: #c3d6ee;
  --info: #2d67a8;
  --anillo: 0 0 0 3px rgba(31, 95, 184, 0.3);
}