/* Tema oscuro para las guias Level Up, Custom Dungeons, Systems y Community.
   Se carga DESPUES de class-dark.css (que ya pone el fondo, la barra y las variables comunes)
   y solo cambia colores. */
:root {
    --bg: #08060f;
    --surface: rgba(23, 18, 41, .92);
    --text: #f0e6ff;
    --purple-dark: #fbbf24;
    --pink: #f08fbf;
    --border: rgba(109, 40, 217, .35);
}
body { color: var(--text); }

/* Level Up */
.hero { background: linear-gradient(135deg, rgba(36, 22, 74, .95), rgba(14, 10, 28, .92)); border-color: rgba(109, 40, 217, .4); }
.hero::after { background: rgba(251, 191, 36, .08); }
.hero-image { background: #120e20; border-color: rgba(255, 255, 255, .12); }
.hero h1, .hero h2, h1, h2, h3, h4 { color: #f0e6ff; }
.section { background: rgba(23, 18, 41, .92); border-color: rgba(109, 40, 217, .35); }
.level-dropdown { background: rgba(255, 255, 255, .04); border-color: rgba(109, 40, 217, .3); }
.level-dropdown:hover { border-color: rgba(251, 191, 36, .5); background: rgba(255, 255, 255, .06); }
.level-dropdown[open] { background: rgba(255, 255, 255, .07); border-color: rgba(251, 191, 36, .55); }
.level-dropdown-header { color: #f0e6ff; }
.level-range { color: #1a1000; background: linear-gradient(135deg, #fbbf24, #f59e0b); }
.level-dropdown-arrow { color: #f0e6ff; background: rgba(109, 40, 217, .35); }
.level-dropdown[open] .level-dropdown-arrow { background: rgba(251, 191, 36, .35); color: #fbbf24; }
.level-image, .level-extra-image { background: #120e20; border-color: rgba(109, 40, 217, .3); }
.level-description, .level-column ul, .section-heading p { color: #b9acd6; }
.level-column h4 { color: #fbbf24; }
.quick-card { background: rgba(255, 255, 255, .04); border-color: rgba(109, 40, 217, .3); }
.quick-card:hover { border-color: rgba(251, 191, 36, .55); }
.quick-card p { color: #b9acd6; }
.quick-card-link { color: #4dd8e6; }

/* Custom Dungeons */
.section-title { color: #fbbf24; }
.section-intro, .dungeon-short, .dungeon-info p, .dungeon-info ul, .dungeon-image, .dungeon-image-note span { color: #b9acd6; }
.dungeon-card { background: rgba(23, 18, 41, .92); border-color: rgba(109, 40, 217, .35); }
.dungeon-card summary:hover { background: rgba(255, 255, 255, .05); }
.dungeon-name, .info-box strong { color: #f0e6ff; }
.level-tag { color: #fbbf24; background: rgba(251, 191, 36, .12); }
.dungeon-info h3 { color: #fbbf24; }
.info-box { background: rgba(255, 255, 255, .05); border-color: rgba(109, 40, 217, .3); }
.info-box span, .dungeon-image-note strong { color: #4dd8e6; }
.dungeon-image { background: #120e20; border-color: rgba(109, 40, 217, .3); }
.dungeon-image.has-image { background: none; }
.back-link { color: #4dd8e6; }
.back-link:hover { color: #fbbf24; }

/* Systems y Community */
.resource-card, .channel-card, .rule { background: rgba(255, 255, 255, .05); border-color: rgba(109, 40, 217, .35); }
.resource-card h3, .channel-card h3, .rule h3 { color: #f0e6ff; }
.resource-card p, .channel-card p, .rule p, .resource-card li, .channel-card li, .rule li { color: #b9acd6; }