:root{
  --bolita-bg:#f3f6fa;
  --bolita-surface:#ffffff;
  --bolita-surface-2:#f8fafc;
  --bolita-text:#12233d;
  --bolita-muted:#66758a;
  --bolita-primary:#0b2f63;
  --bolita-primary-2:#174f96;
  --bolita-accent:#f4b41a;
  --bolita-border:#e1e8f0;
  --bolita-shadow:0 8px 26px rgba(16,42,86,.08);
  --bolita-shadow-strong:0 16px 40px rgba(16,42,86,.14);
  --bolita-danger:#a8323b;
  --bolita-success:#28723a;
  color-scheme:light;
}

html[data-theme="dark"]{
  --bolita-bg:#09121f;
  --bolita-surface:#111f32;
  --bolita-surface-2:#0d1a2a;
  --bolita-text:#edf4ff;
  --bolita-muted:#aebed2;
  --bolita-primary:#4f8ed8;
  --bolita-primary-2:#2f6db5;
  --bolita-accent:#f4b41a;
  --bolita-border:#263a54;
  --bolita-shadow:0 8px 28px rgba(0,0,0,.26);
  --bolita-shadow-strong:0 18px 45px rgba(0,0,0,.36);
  --bolita-danger:#ff8b93;
  --bolita-success:#84d49a;
  color-scheme:dark;
}

html{
  background:var(--bolita-bg);
}

body{
  background:var(--bolita-bg) !important;
  color:var(--bolita-text);
  transition:background-color .18s ease,color .18s ease;
}

.topbar{
  background:linear-gradient(135deg,#0b2f63,#174f96) !important;
  color:#fff !important;
  box-shadow:0 5px 18px rgba(11,47,99,.12);
}

.topbar h1,
.topbar p{
  color:#fff !important;
}

.menu{
  background:color-mix(in srgb,var(--bolita-surface) 96%,transparent) !important;
  border-top:1px solid var(--bolita-border) !important;
  box-shadow:0 -5px 18px rgba(16,42,86,.07);
  backdrop-filter:blur(12px);
}

.menu button{
  color:var(--bolita-muted) !important;
}

.menu button.activo{
  color:var(--bolita-primary) !important;
}

.menu-home-slogan{
  color:var(--bolita-primary) !important;
}

/* Shared cards/panels */
.perfil-cabecera,
.perfil-seccion,
.resultado-card,
.acceso-home,
.mis-numeros-home,
.panel-estadistica,
.buscador-estadisticas,
.estado-curiosidades,
.tarjeta-curiosidad,
.numero-charada-card,
.seccion-curiosidades,
.resultado-palabra,
.seguridad-card,
.sesion-item,
.detalle-numero,
.detalle-estadistico,
.fecha-guardada,
.tendencia{
  background:var(--bolita-surface) !important;
  color:var(--bolita-text) !important;
  border-color:var(--bolita-border) !important;
  box-shadow:var(--bolita-shadow);
}

.perfil-seccion.destacada,
.tarjeta-principal,
.intro-curiosidades,
.charada-hero{
  box-shadow:var(--bolita-shadow-strong);
}

.perfil-seccion h2,
.perfil-seccion h3,
.panel-estadistica h2,
.estadisticas-encabezado h1,
.curiosidades-encabezado h1,
.lista-completa h2,
.seccion-curiosidades h2,
.numero-charada-cabecera h3,
.resultado-palabra strong,
.tendencia strong,
.cantidad-curiosa,
.coincidencia-operacion{
  color:var(--bolita-primary) !important;
}

.perfil-seccion p,
.perfil-correo,
.estadisticas-encabezado p,
.curiosidades-encabezado p,
.detalle-curioso,
.ejemplo-curioso,
.numero-charada-cabecera p,
.resultado-palabra span,
.sesion-item small,
.buscador-ayuda,
.texto-ayuda-stat,
.nota-estadistica{
  color:var(--bolita-muted) !important;
}

input,
select,
textarea{
  background:var(--bolita-surface-2) !important;
  color:var(--bolita-text) !important;
  border-color:var(--bolita-border) !important;
}

input::placeholder,
textarea::placeholder{
  color:var(--bolita-muted) !important;
}

.filtro,
.filtro-curiosidad,
.tab-estadistica{
  background:var(--bolita-surface) !important;
  color:var(--bolita-muted) !important;
  border-color:var(--bolita-border) !important;
}

.filtro.activo,
.filtro-curiosidad.activo,
.tab-estadistica.activa{
  background:var(--bolita-primary) !important;
  color:#fff !important;
  border-color:var(--bolita-primary) !important;
}

.boton-secundario,
.ver-coincidencias,
.boton-numero{
  background:var(--bolita-surface-2) !important;
  color:var(--bolita-primary) !important;
  border-color:var(--bolita-border) !important;
}

.boton-peligro{
  color:var(--bolita-danger) !important;
}

.seguridad-estado,
.estado-vacio{
  background:var(--bolita-surface-2) !important;
  color:var(--bolita-muted) !important;
}

/* Day/night comparison stays intentionally distinct */
.panel-turno-dia{
  background:linear-gradient(145deg,#fff7d6,#fffdf4) !important;
  color:#17345d !important;
}

.panel-turno-noche{
  background:linear-gradient(145deg,#0b2f63,#173f74) !important;
  color:#fff !important;
}

/* Dark-mode polish */
html[data-theme="dark"] .acceso-home span,
html[data-theme="dark"] .numero-principal,
html[data-theme="dark"] .stat-numero{
  color:#f3f7ff;
}

html[data-theme="dark"] .tarjeta-curiosidad.destacada,
html[data-theme="dark"] .tarjeta-principal,
html[data-theme="dark"] .intro-curiosidades,
html[data-theme="dark"] .charada-hero{
  background:linear-gradient(135deg,#0c2b54,#164a86) !important;
  color:#fff !important;
}

html[data-theme="dark"] .tarjeta-curiosidad.destacada h3,
html[data-theme="dark"] .tarjeta-curiosidad.destacada .cantidad-curiosa,
html[data-theme="dark"] .tarjeta-curiosidad.destacada .detalle-curioso,
html[data-theme="dark"] .tarjeta-curiosidad.destacada .ejemplo-curioso{
  color:#fff !important;
}

html[data-theme="dark"] .modal-caja{
  background:var(--bolita-bg) !important;
}

html[data-theme="dark"] .modal-resumen{
  background:#13243a !important;
  color:var(--bolita-text) !important;
}

html[data-theme="dark"] .coincidencia{
  background:var(--bolita-surface) !important;
  border-color:var(--bolita-border) !important;
}

html[data-theme="dark"] .coincidencia-datos,
html[data-theme="dark"] .coincidencia-datos strong{
  color:var(--bolita-muted) !important;
}

html[data-theme="dark"] .barra{
  background:#5b95d8 !important;
}

html[data-theme="dark"] .tendencia{
  background:var(--bolita-surface-2) !important;
}

html[data-theme="dark"] .aviso-curiosidades{
  background:#2a2414 !important;
  border-color:#5e4c1b !important;
  color:#f2d98a !important;
}

@media (prefers-reduced-motion:reduce){
  *{
    scroll-behavior:auto !important;
    transition:none !important;
    animation:none !important;
  }
}


/* =====================================================
   AJUSTES ESPECÍFICOS — ESTADÍSTICAS
===================================================== */
html[data-theme="dark"] .estadisticas-contenedor,
html[data-theme="dark"] .curiosidades-contenedor{
  background:var(--bolita-bg) !important;
}

html[data-theme="dark"] .buscador-estadisticas,
html[data-theme="dark"] .panel-estadistica,
html[data-theme="dark"] .estado-curiosidades,
html[data-theme="dark"] .tarjeta-curiosidad{
  background:var(--bolita-surface) !important;
  color:var(--bolita-text) !important;
  border-color:var(--bolita-border) !important;
}

html[data-theme="dark"] .buscador-estadisticas input{
  background:var(--bolita-surface-2) !important;
  color:var(--bolita-text) !important;
  border-color:var(--bolita-border) !important;
}

html[data-theme="dark"] .buscador-estadisticas button{
  background:#1b5fa8 !important;
  color:#fff !important;
}

html[data-theme="dark"] .filtros-estadisticas .filtro,
html[data-theme="dark"] .filtros-curiosidades .filtro-curiosidad{
  background:var(--bolita-surface-2) !important;
  color:var(--bolita-muted) !important;
  border-color:var(--bolita-border) !important;
}

html[data-theme="dark"] .filtros-estadisticas .filtro.activo,
html[data-theme="dark"] .filtros-curiosidades .filtro-curiosidad.activo{
  background:#1b5fa8 !important;
  color:#fff !important;
}

html[data-theme="dark"] .tabs-estadisticas{
  background:var(--bolita-surface) !important;
  border-color:var(--bolita-border) !important;
}

html[data-theme="dark"] .tab-estadistica{
  background:var(--bolita-surface) !important;
  color:var(--bolita-muted) !important;
}

html[data-theme="dark"] .tab-estadistica.activa{
  background:#1b5fa8 !important;
  color:#fff !important;
}

html[data-theme="dark"] .grafico{
  border-bottom-color:var(--bolita-border) !important;
}

html[data-theme="dark"] .aparicion{
  border-bottom-color:var(--bolita-border) !important;
  color:var(--bolita-text) !important;
}

html[data-theme="dark"] .aparicion-numero{
  color:#87b9ef !important;
}

html[data-theme="dark"] .tendencia{
  background:var(--bolita-surface-2) !important;
}

html[data-theme="dark"] .tendencia span,
html[data-theme="dark"] .tendencia div{
  color:var(--bolita-muted) !important;
}

html[data-theme="dark"] .tendencia strong{
  color:#eef5ff !important;
}

/* =====================================================
   AJUSTES ESPECÍFICOS — CURIOSIDADES
===================================================== */
html[data-theme="dark"] .curiosidades-encabezado h1{
  color:#eef5ff !important;
}

html[data-theme="dark"] .curiosidades-encabezado p{
  color:var(--bolita-muted) !important;
}

html[data-theme="dark"] .tarjeta-curiosidad:not(.destacada) h3{
  color:#eef5ff !important;
}

html[data-theme="dark"] .tarjeta-curiosidad:not(.destacada) .cantidad-curiosa{
  color:#eef5ff !important;
}

html[data-theme="dark"] .tarjeta-curiosidad:not(.destacada) .detalle-curioso,
html[data-theme="dark"] .tarjeta-curiosidad:not(.destacada) .ejemplo-curioso,
html[data-theme="dark"] .tarjeta-curiosidad:not(.destacada) .curiosidad-etiqueta{
  color:var(--bolita-muted) !important;
}

html[data-theme="dark"] .ver-coincidencias{
  background:var(--bolita-surface-2) !important;
  color:#87b9ef !important;
  border-color:var(--bolita-border) !important;
}

html[data-theme="dark"] .tarjeta-curiosidad.destacada .ver-coincidencias{
  background:#fff !important;
  color:#0b2f63 !important;
}

html[data-theme="dark"] .lista-coincidencias{
  background:var(--bolita-bg) !important;
}

html[data-theme="dark"] .coincidencia{
  background:var(--bolita-surface) !important;
  border-color:var(--bolita-border) !important;
}

html[data-theme="dark"] .coincidencia-operacion{
  color:#eef5ff !important;
}

html[data-theme="dark"] .coincidencia-datos,
html[data-theme="dark"] .coincidencia-datos strong{
  color:var(--bolita-muted) !important;
}