/* ═══════════════════════════════════════════════════════════
   THEME · "Aullido Violeta" — neón morado estilo logo Vegetta V
   Redefine tokens (mismos nombres) + fuentes techno + atmósfera.
   Se carga DESPUÉS de styles.css (base) y ANTES de css/parts/*.
   ═══════════════════════════════════════════════════════════ */
:root{
  /* negros con tinte violeta */
  --ink:#050308; --ink2:#0a0714; --ink3:#110b20;
  --panel:#130b24; --panel2:#1a0f30; --glass:rgba(22,13,42,.55);
  --line:#271843; --line2:#3d2568;
  /* violeta neón (la "V") */
  --violet:#a855f7; --violet-br:#c77dff; --violet-lo:#7c3aed; --amethyst:#d8b4fe;
  --neon:#b026ff; --neon-2:#8a2be2;
  --glow:rgba(168,85,247,.55); --glow-soft:rgba(168,85,247,.26); --glow-hot:rgba(176,38,255,.6);
  /* oro degradado a acento neón-plata (uso mínimo) */
  --gold:#d8b4fe; --gold-br:#efe3ff; --gold-dp:#a855f7;
  --gold-grad:linear-gradient(180deg,#f3e9ff,#c77dff 45%,#7c3aed);
  --silver:#f2ecfb; --white:#fdfbff; --muted:#a99cca; --dim:#6f6390;
  --good:#3ddc84; --bad:#ff4d6d; --warn:#ffbf47;
  --r:16px; --r-sm:10px;
  --font-display:'Chakra Petch',sans-serif;
  --font-deco:'Orbitron',sans-serif;
  --font-body:'Sora',system-ui,sans-serif;
  --font-num:'Rajdhani',sans-serif;
  --shadow:0 18px 55px rgba(0,0,0,.7);
}

/* utilidad de brillo neón para texto/bordes */
.neon-text{color:var(--white);text-shadow:0 0 6px var(--glow),0 0 18px var(--glow-hot)}
.neon-edge{box-shadow:0 0 0 1px var(--violet),0 0 16px var(--glow-soft)}

/* atmósfera: negro puro + halos violeta + rejilla tenue + scanline suave */
.aurora{
  background:
    radial-gradient(48% 42% at 20% 4%, rgba(124,58,237,.4), transparent 60%),
    radial-gradient(44% 40% at 86% 0%, rgba(176,38,255,.28), transparent 58%),
    radial-gradient(52% 46% at 50% 112%, rgba(138,43,226,.34), transparent 62%);
}
body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(168,85,247,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.05) 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask:radial-gradient(circle at 50% 30%,#000,transparent 78%);mask:radial-gradient(circle at 50% 30%,#000,transparent 78%);
}

/* fuentes techno en títulos */
h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.5px}

/* scrollbar neón */
::-webkit-scrollbar-thumb{background:linear-gradient(var(--violet),var(--violet-lo));border-radius:8px;border:2px solid var(--ink)}
::selection{background:var(--neon);color:#fff}