/* ============================================================================
   theme.css — PALETA GLOBAL Tipsteria · identidad "BASELINE".
   Dark = slate azul profundo. Acento duotono iris→aqua. Verde menta = GANADO.
   Un solo sistema compartido por todos los sitios. Cargar DESPUÉS del style.css
   de cada sitio (y de cualquier :root inline) para que estos tokens MANDEN.
   Ruta: /public_html/_shared/theme.css
   ============================================================================ */
:root, :root[data-theme="dark"]{
  /* (19-oct) oscuro un poco más claro: fondo y superficies +1 escalón, texto secundario con más contraste */
  --bg:#11161f; --surface:#182030; --surface2:#1f293a; --surface3:#29344a;
  --border:#2c3850; --border-strong:#43526d;
  --text:#eef2fa; --text-soft:#b2bfd4; --muted:#7f8ea8;
  --accent:#7c8cff; --accent-2:#4fd8e4; --accent-soft:rgba(124,140,255,.14);
  --accent-grad:linear-gradient(135deg,#7c8cff,#4fd8e4);
  --green:#31e0a0; --green-soft:rgba(49,224,160,.14);
  --red:#ff5c7a; --red-soft:rgba(255,92,122,.14);
  --amber:#ffc24b; --amber-soft:rgba(255,194,75,.13);
  --gold:#e6c15c; --mlb:#c8102e;
  --surf-hard:#4c93ff; --surf-clay:#e5703c; --surf-grass:#57b983;
  /* alias de compatibilidad (sitios viejos usan estos nombres) */
  --good:#31e0a0; --bad:#ff5c7a; --win:#31e0a0; --lose:#ff5c7a; --accent-soft2:rgba(79,216,228,.14);
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);
  --shadow:0 4px 16px rgba(0,0,0,.30), 0 24px 60px rgba(0,0,0,.30);
  --shadow-glow:0 0 0 1px var(--accent-soft), 0 10px 34px rgba(124,140,255,.18);
  --radius:18px; --radius-sm:12px; --radius-pill:999px;
  --font:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Arial,sans-serif;
  --serif:var(--font); --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  color-scheme:dark;
}
:root[data-theme="light"]{
  --bg:#f3f6fb; --surface:#ffffff; --surface2:#eff3f9; --surface3:#e2e9f2;
  --border:#e3eaf3; --border-strong:#c7d3e1;
  /* (19-oct) contraste AA sobre fondo claro: gris secundario, verde, aqua, ámbar y oro más oscuros */
  --text:#0e1626; --text-soft:#3f4d63; --muted:#5b697e;
  --accent:#4a5be6; --accent-2:#11798b; --accent-soft:rgba(85,102,240,.10);
  --accent-grad:linear-gradient(135deg,#4a5be6,#11798b);
  --green:#0a8a5f; --green-soft:rgba(15,165,116,.12);
  --red:#d02c4d; --red-soft:rgba(226,58,90,.10);
  --amber:#985f00; --amber-soft:rgba(180,117,9,.12);
  --gold:#806207; --mlb:#c8102e;
  --surf-hard:#2f72d6; --surf-clay:#c85a28; --surf-grass:#2e9b63;
  --good:#0a8a5f; --bad:#d02c4d; --win:#0a8a5f; --lose:#d02c4d;
  --shadow-sm:0 1px 2px rgba(16,24,38,.06);
  --shadow:0 4px 16px rgba(16,24,38,.06), 0 20px 48px rgba(16,24,38,.10);
  --shadow-glow:0 0 0 1px var(--accent-soft), 0 8px 26px rgba(85,102,240,.14);
  color-scheme:light;
}

/* marca tipsteria (19-oct): colores del símbolo por tema */
:root{--ts-lead:#7C8CFF;--ts-ring:#46506A;--ts-dot:#4FD8E4}
[data-theme="light"]{--ts-lead:#3D4BC7;--ts-ring:#B7BED0;--ts-dot:#0E9AA8}

/* (19-oct) alias de variables que usaban componentes y NO existían (caían a colores oscuros fijos en el tema claro) */
:root{--soft:var(--text-soft);--panel:var(--surface);--card:var(--surface);--orange:var(--amber);--line:var(--border)}

/* (19-oct) tema claro: componentes con colores fijos pensados para fondo oscuro */
[data-theme="light"] .t-traspaso{background:color-mix(in srgb,var(--amber) 13%,transparent)!important;color:var(--amber)!important}
[data-theme="light"] .daychip.si,[data-theme="light"] .daychip.si .dcn{color:var(--green)!important}
[data-theme="light"] .xi-b,[data-theme="light"] .pg-opt.L b{color:var(--green)!important}
[data-theme="light"] input,[data-theme="light"] select,[data-theme="light"] textarea{color-scheme:light}
[data-theme="light"] .date-field,[data-theme="light"] .site-select{color-scheme:light}
[data-theme="light"] :is(.pg-sg.L,.pg-opt.L b,.pg-opt.L .pg-ol){color:var(--green)!important}
[data-theme="light"] :is(.pg-sg.E,.pg-opt.E b,.pg-opt.E .pg-ol){color:#9a6400!important}
[data-theme="light"] :is(.pg-sg.V,.pg-opt.V b,.pg-opt.V .pg-ol){color:#0b6aa2!important}
/* (19-oct) tema claro: textos con oklch claros (pensados para fondo oscuro) ⇒ tonos AA */
[data-theme="light"] :is(.th-st.th-ok b,.th-pk-k,.c2-sema.ok .bi,.c2-alt.hit em,.c2-mk-i.hit,.t-elite .gv-num strong,.t-elite .gv-tier,.gv-res.ok,.op-ev,.sel-row .chip.conf:not(.on)){color:var(--green)!important}
[data-theme="light"] .c2-mk-i.strong{color:var(--green)!important}
[data-theme="light"] :is(.th-st.th-bad b,.th-live,.c2 [data-status].live,.c2-st.live,.c2-alt.miss em,.c2-mk-i.miss,.c2-pick.miss .c2-k,.c2-pick.miss .c2-pick-p,.c2-warn,.gv-res.ko,.c2.is-live .c2-tm .tm-sc,article.c2.is-live .tm-box .tm-sc){color:var(--red)!important}
[data-theme="light"] :is(.th-st.th-mid b,.th-pk-k.gold,.c2-alerts .bi-exclamation-triangle-fill,.c2-alt .bi,.c2-alt em,.c2-sema.warn .bi,.starred .c2-star,.t-debil .gv-tier){color:var(--amber)!important}
[data-theme="light"] :is(.t-solido .gv-num strong,.t-solido .gv-tier){color:var(--accent-2)!important}