/* =========================================================
   Modo oscuro — cargado último.
   Especificidad html[data-theme="dark"] (0,1,1) supera :root (0,1,0).
   ========================================================= */
html[data-theme="dark"] {
  --bg:          #161310;
  --card:        #201c18;
  --text:        #f4ede3;
  --muted:       #9e9088;
  --accent:      #e06c35;
  --accent-dark: #c85a25;
  --border:      #2e2a25;
  --shadow:      0 1px 3px rgba(0,0,0,0.3), 0 6px 20px rgba(0,0,0,0.28);
}

html[data-theme="dark"] body {
  background-color: var(--bg);
  background-image:
    radial-gradient(ellipse at 15% 0%, rgba(224, 108, 53, .07) 0%, transparent 55%),
    radial-gradient(ellipse at 85% 100%, rgba(224, 108, 53, .04) 0%, transparent 50%);
}

html[data-theme="dark"] .search-form input[type="search"] {
  background: #2a2420;
  color: var(--text);
}

html[data-theme="dark"] .page-link {
  background: var(--card);
}

html[data-theme="dark"] .page-link:hover {
  background: #2a2420;
  border-color: var(--accent);
  color: var(--accent);
}

/* Badge de fecha en modo oscuro */
html[data-theme="dark"] .episode .meta,
html[data-theme="dark"] .detail .meta {
  background: rgba(224, 108, 53, .09);
}

/* Botón descargar en modo oscuro */
html[data-theme="dark"] .download {
  background: rgba(224, 108, 53, .08);
  border-color: rgba(224, 108, 53, .2);
}

/* Sombra hover de tarjeta episodio en modo oscuro */
html[data-theme="dark"] .episode:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,.4), 0 16px 40px rgba(0,0,0,.5);
}

/* Paginación en modo oscuro */
html[data-theme="dark"] .pagination {
  background: var(--card);
}