/* ============================================================
   dark.css — Modo oscuro de las páginas públicas de liga.
   Solo aplica cuando <html data-theme="dark"> (lo pone el script del
   header según la preferencia del usuario o del teléfono).
   Regla: NO se oculta ni se cambia información; solo se ajustan fondos
   y tonos para que todo conserve su contraste y su significado:
   oro = destacado, verde = ganado, rojo = perdido, morado = HCP,
   y el color de tema de cada liga se mantiene (más claro para leerse).
   El panel de administración no usa este archivo.
   ============================================================ */
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#131210; --bg2:#1b1a17; --bg3:#24221e;
  --surface:#1d1c19; --surface2:#24221e;
  --border:#34312b; --border2:#45413a;
  --ink1:#f1eee7; --ink2:#d2cdc2; --ink3:#a6a195; --ink4:#827d72;
  --gold:#e3ae47; --gold2:#2f2512; --gold3:#5e491b;
  --green:#62c47f; --green2:#14291b;
  --red:#f07272; --red2:#361818;
  --purple:#b19bf3; --purp2:#261f3b;
  --band:#0d0c0a;
  --sh-sm:0 1px 3px rgba(0,0,0,.4);
  --sh-md:0 4px 16px rgba(0,0,0,.45);
  --sh-lg:0 12px 40px rgba(0,0,0,.5);
}
html[data-theme="dark"] body{background:var(--bg);color:var(--ink1)}
html[data-theme="dark"] .bg-tx{
  background-image:
    repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(255,255,255,.025) 39px,rgba(255,255,255,.025) 40px),
    repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(255,255,255,.015) 39px,rgba(255,255,255,.015) 40px)}

/* ── Bandas oscuras (encabezados de tablas y tarjetas): en claro usan
      var(--ink1) como fondo; en oscuro --ink1 es texto claro, así que se
      les da un fondo propio más oscuro que la superficie. ── */
html[data-theme="dark"] .stbl thead tr,
html[data-theme="dark"] .mhdr,
html[data-theme="dark"] .afch,
html[data-theme="dark"] .rthdr,
html[data-theme="dark"] .ws-header,
html[data-theme="dark"] .st-tbl thead tr,
html[data-theme="dark"] .mini-mc-top,
html[data-theme="dark"] #toast{background:var(--band)!important;color:#fff}
html[data-theme="dark"] .pstbl thead{background:linear-gradient(to right,var(--band),#2d2d28);color:#fff}
html[data-theme="dark"] .sj-hero{background:linear-gradient(135deg,var(--band) 0%,#26241f 55%,var(--c,#b07d20) 190%)}
html[data-theme="dark"] .sj-wk thead th{background:linear-gradient(to right,var(--band),#2d2d28)}
html[data-theme="dark"] [style*="background:var(--ink1)"],
html[data-theme="dark"] [style*="background: var(--ink1)"]{background:var(--band)!important}

/* ── Filas destacadas 1º/2º/3º (oro, plata, bronce) ── */
html[data-theme="dark"] .stbl tbody tr.r1 td,
html[data-theme="dark"] .st-tbl tr.r1 td,
html[data-theme="dark"] .trow.rk1,
html[data-theme="dark"] .prow.rk1{background:#2f2512!important}
html[data-theme="dark"] .stbl tbody tr.r2 td,
html[data-theme="dark"] .st-tbl tr.r2 td,
html[data-theme="dark"] .trow.rk2,
html[data-theme="dark"] .prow.rk2{background:#25262a!important;border-color:#55575d}
html[data-theme="dark"] .stbl tbody tr.r3 td,
html[data-theme="dark"] .st-tbl tr.r3 td,
html[data-theme="dark"] .trow.rk3,
html[data-theme="dark"] .prow.rk3{background:#2e2016!important;border-color:#7a5530}

/* ── Etiquetas con fondo pastel ── */
html[data-theme="dark"] .gf{background:#3a1830;color:#f19ad6}
html[data-theme="dark"] .b-gr{border-color:#2f5a3c}
html[data-theme="dark"] .b-rd{border-color:#6a2c2c}
html[data-theme="dark"] .b-pu{border-color:#4a3f78}
html[data-theme="dark"] .wf{color:#ffd84d}
/* Fondos pastel de color de equipo: se conservan (identidad del equipo),
   apenas atenuados para no deslumbrar. */
html[data-theme="dark"] .tbdg,
html[data-theme="dark"] .team-ico{filter:brightness(.88)}

/* ── Formularios y entradas ── */
html[data-theme="dark"] .fi:focus,
html[data-theme="dark"] .fs:focus,
html[data-theme="dark"] .sinp:focus{background:var(--surface)}
html[data-theme="dark"] .fs{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%23a6a195' d='M5 6L0 0h10z'/%3E%3C/svg%3E")}

/* ── Superficies blancas fijas en algunas páginas ── */
html[data-theme="dark"] .sj-box{background:var(--surface)}
html[data-theme="dark"] [style*="background:#fff;"],
html[data-theme="dark"] [style*="background:#fff\""],
html[data-theme="dark"] [style*="background:white"]{background:var(--surface)!important}
html[data-theme="dark"] [style*="color:#b45309"]{color:#f0a35a!important}
html[data-theme="dark"] [style*="border:1.5px solid #f0c0c0"]{border-color:#6a2c2c!important}

/* ── Botón claro/oscuro del menú ── */
.ln-mode .on-dark{display:none}
html[data-theme="dark"] .ln-mode .on-dark{display:inline}
html[data-theme="dark"] .ln-mode .on-light{display:none}