/* yoire.com — sistema de tema compartido (claro/oscuro). Un único origen de paleta.
   Lo referencian index/sprints/reflexion via <link rel="stylesheet" href="/ctf/theme.css">.
   Tokens accesibles: en tema claro el verde es más oscuro (texto ≥4.5:1); el neón
   sólo se usa como acento/fondo, y el texto sobre botón neón usa --neon-ink. */
:root{
  --bg:#0a0e14; --bg2:#0f1620; --panel:#121a26; --panel2:#16202e; --line:#1f2c3d;
  --txt:#c7d2e0; --dim:#6b7d94;
  --neon:#39ff14; --neon-ink:#06210a; --neon2:#00e5ff;
  --warn:#ffb627; --red:#ff4d6d; --purple:#b388ff; --purple-ink:#1a0e2e;
  --grad:#10202c; --navbg:rgba(10,14,20,.85);
}
[data-theme="light"]{
  --bg:#f4f6fb; --bg2:#ffffff; --panel:#ffffff; --panel2:#eef2f8; --line:#cdd6e3;
  --txt:#1c2530; --dim:#566476;
  --neon:#167a0a; --neon-ink:#ffffff; --neon2:#0a6e98;
  --warn:#8a5a00; --red:#cc2742; --purple:#6f3fce; --purple-ink:#ffffff;
  --grad:#dfe7f3; --navbg:rgba(244,246,251,.88);
}
/* botón de tema compartido (icono 🌙/☀️) */
.themebtn{background:transparent;border:1px solid var(--line);color:var(--dim);cursor:pointer;
  font-size:15px;border-radius:6px;padding:4px 9px;line-height:1;font-family:inherit}
.themebtn:hover{color:var(--txt);border-color:var(--purple)}
.themebtn:focus-visible{outline:2px solid var(--neon2);outline-offset:2px}