/* Versión oscura (café de la marca) para comparar con la clara. Solo se carga si la web se monta con TEMA=oscuro. */
body.oscuro {
  --cafe: #F3EBDA;            /* la letra pasa a hueso */
  --hueso: #1E1713;
  --papel: #1E1713;           /* fondo: el café de la marca */
  --seccion: #271E19;         /* secciones alternas, un punto más claro */
  --linea: rgba(243,235,218,.13);
  --gris-texto: rgba(243,235,218,.66);
  background: var(--papel); color: var(--cafe);
}
body.oscuro .portada { background: radial-gradient(ellipse 80% 60% at 20% 0%, rgba(255,120,50,.13), transparent 70%); }
body.oscuro .barra { background: rgba(30,23,19,.82); }
@media (max-width: 759px) { body.oscuro .barra { background: #1E1713; } }
body.oscuro .boton, body.oscuro .boton:hover { color: #1E1713; }
body.oscuro .boton-linea { color: #F3EBDA; border-color: rgba(243,235,218,.4); }
body.oscuro .campo input, body.oscuro .opcion span { background: #2C221C; color: #F3EBDA; }
body.oscuro .opcion input:checked + span { background: #F3EBDA; color: #1E1713; border-color: #F3EBDA; }
body.oscuro .formulario::backdrop { background: rgba(0,0,0,.6); }
body.oscuro .nivel { background: #2A201B; border: 1px solid rgba(243,235,218,.1); }
body.oscuro .nivel h3, body.oscuro .nivel .reparto li span { color: #F3EBDA; }
body.oscuro .nivel p { color: rgba(243,235,218,.72); }
body.oscuro .reparto b.tu { background: rgba(243,235,218,.14); color: #F3EBDA; }
body.oscuro .nota-especial { background: #2C221C; }
body.oscuro .lado.antes .vistas { color: rgba(243,235,218,.6); }
body.oscuro .cerrar { color: #F3EBDA; }
/* Las tres formas de trabajar en hueso sobre el café: contraste alto, las tres iguales (2 nov). */
body.oscuro .nivel { background: #F3EBDA; border-color: #F3EBDA; color: #1E1713; }
body.oscuro .nivel h3, body.oscuro .nivel .reparto li span { color: #1E1713; }
body.oscuro .nivel p { color: #5B4D44; }
body.oscuro .nivel .nivel-cabeza { color: #C2410C !important; }
body.oscuro .nivel .reparto, body.oscuro .nivel .reparto li { border-color: rgba(30,23,19,.14); }
body.oscuro .nivel .reparto b.tu { background: rgba(30,23,19,.09); color: #1E1713; }
body.oscuro .nivel .boton { color: #1E1713; }
/* Aviso de cookies sobre fondo hueso: «Rechazar» tan visible como «Aceptar». */
body.oscuro .aviso-cookies .boton-linea { color: #1E1713; border: 1.5px solid rgba(30,23,19,.45); background: none; }
body.oscuro .aviso-cookies, body.oscuro .aviso-cookies a { color: #1E1713; }