/* Tema claro/oscuro. El oscuro es el diseño base; aquí se sobrescribe lo necesario para el claro. */
:root[data-theme="dark"]  { color-scheme: dark; }
:root[data-theme="light"] {
  color-scheme: light;
  --bg:#F6F4EF; --bg-alt:#ECE9E2; --card:#FFFFFF; --ink:#1A1816; --ink-dim:#6B655E;
  --line:#DAD5CC; --win:#1E8E43; --loss:#C62828; --draw:#A8780A;
  /* --silver y --ember se mantienen: plata como fondo de logos, rojo como acento */
}

/* Botón del tema */
.theme-btn { order:2; width:38px; height:38px; flex:none; display:inline-grid; place-items:center; font-size:1.05rem; line-height:1; cursor:pointer; color:var(--ink); background:var(--card); border:1px solid var(--line); border-radius:50%; padding:0; }
.theme-btn:hover { border-color:var(--ember); }
.nav-toggle { order:3; }
@media (max-width:720px) { .theme-btn { margin-left:auto; } }
.theme-btn.floating { position:fixed; z-index:60; top:calc(12px + env(safe-area-inset-top,0px)); right:14px; box-shadow:0 4px 14px rgba(0,0,0,.25); }

/* Etiquetas de equipo: colores fijos (Blanco / Negro) en ambos temas */
.tag.blanco { background:#F5F3EF; color:#0E0D0C; border:1px solid #928D86; }
.tag.negro  { background:#0E0D0C; color:#F5F3EF; border:1px solid #928D86; }

/* Ajustes del modo claro */
:root[data-theme="light"] .site-nav { background:rgba(246,244,239,.92); }
:root[data-theme="light"] .month h2,
:root[data-theme="light"] .month-heading,
:root[data-theme="light"] .dow.we,
:root[data-theme="light"] .map-link,
:root[data-theme="light"] .m .map-link,
:root[data-theme="light"] .team .nx,
:root[data-theme="light"] .site-footer a { color:var(--ink); }
:root[data-theme="light"] .cell.today { box-shadow:0 0 0 2px var(--ink); }
:root[data-theme="light"] .cell.we { background:#E7E3DA; }
:root[data-theme="light"] .btn.ghost { border-color:var(--ink-dim); }
:root[data-theme="light"] .btn.ghost:hover { border-color:var(--ink); }
:root[data-theme="light"] .chip:not(.active):hover,
:root[data-theme="light"] .map-link:hover,
:root[data-theme="light"] .m .map-link:hover { border-color:var(--ink-dim); }
:root[data-theme="light"] .badge { box-shadow:0 0 0 1px var(--line), 0 8px 24px rgba(0,0,0,.15); }
:root[data-theme="light"] .hero-badge { filter:drop-shadow(0 14px 28px rgba(0,0,0,.2)); }
:root[data-theme="light"] .club-hero { background:
  linear-gradient(115deg,transparent 58%,rgba(200,32,44,.12) 58% 64%,transparent 64% 70%,rgba(0,0,0,.04) 70% 73%,transparent 73%),
  radial-gradient(circle at 80% 30%,rgba(200,32,44,.16),transparent 55%); }
:root[data-theme="light"] .team:hover { box-shadow:0 8px 22px rgba(0,0,0,.08); }

/* Escudos de rivales en la portada: fondo claro para que se vean los contornos negros */
.res .tm img { background:var(--silver); border-radius:6px; padding:2px; }