/* ============================================================================
   NEXUS · temas y efectos de cybercore-css (sebyx07/cybercore-css, MIT)
   ----------------------------------------------------------------------------
   La librería está vendorizada en /vendor/cybercore/cybercore.css y define sus
   tokens (--cyber-cyan-500, --cyber-magenta-500, --cyber-yellow-500,
   --cyber-green-500, --cyber-void-*, --cyber-chrome-*) y sus efectos:
     .cyber-neon-border (+ --cyan/--magenta/--yellow/--green)  borde de neón animado
     .cyber-scanlines (+ --fine/--heavy/--flicker/--scroll)    líneas CRT
     .cyber-datastream                                          barrido de datos
     .cyber-glitch (+ --subtle/--intense/--hover)               glitch (data-text)
   Aquí se añaden los 4 temas de la familia cybercore y se adaptan esos efectos
   al panel, sin tocar los 6 temas que ya existían.
   ========================================================================== */

/* ---------------------------------------------------------------- temas ---- */
/* base de la librería: cian #00f0ff sobre void #0d0e14 */
body[data-theme="cybercore"]{
  --bg:#0d0e14; --bg2:#181a25; --panel:rgba(0,240,255,.045); --line:rgba(0,240,255,.26);
  --text:#f0f1f5; --muted:#747d99; --accent:#00f0ff; --accent2:#54d1db;
  --glow:0 0 20px rgba(0,240,255,.5),0 0 40px rgba(0,240,255,.22);
  --grid:rgba(0,240,255,.055); --scan:.16;
  --soma-l:#00c4cc; --soma-r:#87eaf2; --soma-m:#f0f1f5; --syn:#ff2a6d; --ctx:#005d6a;
}
/* variante magenta #ff2a6d */
body[data-theme="cybermagenta"]{
  --bg:#0d0e14; --bg2:#1f2230; --panel:rgba(255,42,109,.05); --line:rgba(255,42,109,.28);
  --text:#f0f1f5; --muted:#8a90a6; --accent:#ff2a6d; --accent2:#ff7ea3;
  --glow:0 0 20px rgba(255,42,109,.5),0 0 40px rgba(255,42,109,.22);
  --grid:rgba(255,42,109,.05); --scan:.16;
  --soma-l:#b31248; --soma-r:#ff7ea3; --soma-m:#ffe3ec; --syn:#00f0ff; --ctx:#5c1030;
}
/* variante amarillo eléctrico #fcee0a */
body[data-theme="cyberyellow"]{
  --bg:#0d0e14; --bg2:#1f2230; --panel:rgba(252,238,10,.05); --line:rgba(252,238,10,.28);
  --text:#f5f4e8; --muted:#8f8c6e; --accent:#fcee0a; --accent2:#aca406;
  --glow:0 0 20px rgba(252,238,10,.45),0 0 40px rgba(252,238,10,.2);
  --grid:rgba(252,238,10,.05); --scan:.16;
  --soma-l:#aca406; --soma-r:#fcee0a; --soma-m:#fffde0; --syn:#05ffa1; --ctx:#5a5606;
}
/* variante verde tóxico #05ffa1 */
body[data-theme="cybergreen"]{
  --bg:#0d0e14; --bg2:#12141d; --panel:rgba(5,255,161,.05); --line:rgba(5,255,161,.26);
  --text:#e8fff6; --muted:#6e9b86; --accent:#05ffa1; --accent2:#43ff83;
  --glow:0 0 20px rgba(5,255,161,.5),0 0 40px rgba(5,255,161,.22);
  --grid:rgba(5,255,161,.05); --scan:.16;
  --soma-l:#03a969; --soma-r:#43ff83; --soma-m:#e6fff2; --syn:#00f0ff; --ctx:#015331;
}

/* -------------------------------------------------- efectos cybercore ----- */
/* solo con un tema cybercore activo (body.cc-active lo pone applyTheme) */
body.cc-active .brand{letter-spacing:.16em}
body.cc-active .brand span{color:var(--accent)}

/* borde de neón animado de la librería: el ::after de la librería es opaco,
   aquí se deja transparente para que se vea el fondo del panel y el glow detrás */
body.cc-active .cyber-neon-border{--color-bg-secondary:transparent;border-color:transparent}
body.cc-active .cyber-neon-border::after{background:transparent}
body.cc-active .cyber-neon-border::before{filter:blur(13px);opacity:.75}
body.cc-active .panel:hover.cyber-neon-border::before{opacity:1}

/* líneas CRT finas de la librería sobre la pantalla de arranque */
body.cc-active .boot-box.cyber-scanlines::after{border-radius:inherit}

/* barrido de datos en la barra superior */
body.cc-active .topbar{position:relative;overflow:hidden}
body.cc-active .topbar::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--accent) 22%,transparent) 50%,transparent 100%);
  background-size:200% 100%;animation:cc-datastream 3.4s linear infinite}
@keyframes cc-datastream{0%{background-position:200% 50%}100%{background-position:-200% 50%}}

/* el glitch de la librería necesita data-text (lo pone applyTheme) */
body.cc-active .cyber-glitch{--glitch-color-1:var(--accent);--glitch-color-2:var(--accent2)}

/* (las reglas de la consola termynal salieron el 23-sep: el panel ya no la monta) */