/* theme-dark.css — dark mode (active on ). No CSS vars per house rule.
Product-image backgrounds (lcard-img, bike-card-thumb, model-hero-img, rel-card img, cmp-head img) stay WHITE. */
html.theme-dark body { background: #14110d; color: #ece4d7; }
html.theme-dark a { color: #ef8a5e; }
html.theme-dark .rule-top { border-top-color: #322a22; }
html.theme-dark .categories-title, html.theme-dark .directory-title, html.theme-dark .methodology-title { border-bottom-color: #322a22; }
/* header */
html.theme-dark .site-header { background: #1b1712; border-bottom-color: #322a22; }
html.theme-dark .site-header .site-nav-button { color: #ece4d7; border-color: #3a332a; }
html.theme-dark .site-header .site-nav-item { border-top-color: #2a241e; }
html.theme-dark .site-header .site-nav-link { color: #ece4d7; }
/* footer (deepen) */
html.theme-dark .site-footer { background: #100d0a; }
/* categories */
html.theme-dark .categories .categories-grid { background: #2a241e; border-color: #2a241e; }
html.theme-dark .categories .category-card { background: #1f1a15; color: #ece4d7; }
html.theme-dark .categories .category-card:hover { background: #2a241e; }
html.theme-dark .categories .category-card-note { color: #b3a795; }
/* homepage directory / methodology */
html.theme-dark .directory .directory-intro, html.theme-dark .methodology .methodology-text { color: #cdbfae; }
html.theme-dark .directory .directory-filters { background: #1f1a15; border-color: #322a22; }
html.theme-dark .directory .directory-filter { border-top-color: #2a241e; }
html.theme-dark .directory .directory-filter-value { color: #b3a795; }
html.theme-dark .directory .bike-card { background: #1f1a15; border-color: #322a22; color: #ece4d7; }
html.theme-dark .directory .bike-card-thumb { border-right-color: #322a22; }
html.theme-dark .directory .bike-card-meta { color: #b3a795; }
html.theme-dark .methodology .methodology-grid { background: #322a22; border-color: #322a22; }
html.theme-dark .methodology .methodology-factor { background: #1f1a15; }
html.theme-dark .methodology .methodology-factor-note { color: #b3a795; }
/* lead intro + FAQ */
html.theme-dark .lead .lead-text { color: #cdbfae; }
html.theme-dark .cat-databar .cat-data { color: #cdbfae; }
html.theme-dark .head-aside { background: #1f1a15; border-color: #322a22; }
html.theme-dark .head-aside .head-stat, html.theme-dark .head-aside .head-step { border-top-color: #322a22; }
html.theme-dark .head-aside .head-stat-num { color: #ece4d7; }
html.theme-dark .head-aside .head-stat-lab, html.theme-dark .head-aside .head-step-txt { color: #cdbfae; }
html.theme-dark .hub-content p { color: #cdbfae; }
html.theme-dark .faq .faq-title { border-bottom-color: #322a22; }
html.theme-dark .faq .faq-item { border-bottom-color: #322a22; }
html.theme-dark .faq .faq-q { color: #ece4d7; }
html.theme-dark .faq .faq-answer-inner p { color: #cdbfae; }
/* listing (verzeichnis) */
html.theme-dark .listing .listing-bar { border-bottom-color: #322a22; }
html.theme-dark .listing .listing-count { color: #b3a795; }
html.theme-dark .listing .listing-filter { background: #1f1a15; border-color: #322a22; color: #ece4d7; }
html.theme-dark .listing .listing-filter.on { background: #e0a64a; color: #1b1712; border-color: #e0a64a; }
html.theme-dark .listing .lcard { background: #1f1a15; border-color: #322a22; color: #ece4d7; }
html.theme-dark .listing .lcard-img { border-bottom-color: #322a22; }
html.theme-dark .listing .lcard-cat { border-color: #322a22; color: #b3a795; }
html.theme-dark .listing .lcard-meta { color: #b3a795; }
html.theme-dark .listing .lcard-ref { color: #8f8474; }
html.theme-dark .listing .weight-tool { background: #1f1a15; border-color: #322a22; }
html.theme-dark .listing .weight-tool-hint { color: #b3a795; }
html.theme-dark .listing .weight-reset { background: #2a241e; color: #ece4d7; border-color: #322a22; }
html.theme-dark .listing .weight-reset:hover { background: #e0a64a; color: #1b1712; border-color: #e0a64a; }
/* brand pages */
html.theme-dark .brandhead .brandhead-intro { color: #cdbfae; }
html.theme-dark .listing .listing-intro { color: #cdbfae; }
html.theme-dark .brand-index .brand-card { background: #1f1a15; border-color: #322a22; color: #ece4d7; }
html.theme-dark .brand-index .brand-card-count { color: #b3a795; }
/* model pages */
html.theme-dark .model .model-crumb, html.theme-dark .model .model-scorebox-txt, html.theme-dark .model .model-note, html.theme-dark .model .score-bar-val { color: #b3a795; }
html.theme-dark .model .model-summary, html.theme-dark .model .model-prose, html.theme-dark .model .model-fact span { color: #cdbfae; }
html.theme-dark .model .model-hero-img { border-color: #322a22; }
html.theme-dark .model .model-cat { border-color: #322a22; color: #b3a795; }
html.theme-dark .model .model-scorebox { background: #1f1a15; border-color: #322a22; }
html.theme-dark .model .model-section-title { border-bottom-color: #322a22; }
html.theme-dark .model .spec-table th { color: #b3a795; border-bottom-color: #2a241e; }
html.theme-dark .model .spec-table td { border-bottom-color: #2a241e; }
html.theme-dark .model .score-bar-track { background: #322a22; }
html.theme-dark .model .model-fact { background: #1f1a15; border-color: #2a241e; }
html.theme-dark .model .rel-card { background: #1f1a15; border-color: #322a22; color: #ece4d7; }
/* vergleich */
html.theme-dark .compare .compare-intro, html.theme-dark .compare .compare-note { color: #b3a795; }
html.theme-dark .compare .compare-pick { background: #1f1a15; border-color: #322a22; color: #ece4d7; }
html.theme-dark .compare .cmp-grid, html.theme-dark .compare .cmp-pros { background: #322a22; border-color: #322a22; }
html.theme-dark .compare .cmp-cell, html.theme-dark .compare .cmp-pros-col, html.theme-dark .compare .cmp-adv-item { background: #1f1a15; }
html.theme-dark .compare .cmp-cell.better { background: #2c2417; }
html.theme-dark .compare .cmp-rowlabel { background: #262019; color: #b3a795; }
html.theme-dark .compare .cmp-pro { color: #6fbf83; }
html.theme-dark .compare .cmp-con { color: #e08a6a; }
html.theme-dark .compare .cmp-adv-item { border-color: #322a22; }
/* floating theme toggle — dark state */
html.theme-dark .theme-toggle { background: #1f1a15; border-color: #322a22; color: #e0a64a; }
/* logo stays visible on the dark header (monochrome light) */
html.theme-dark .site-header .site-header-logo img { filter: brightness(0) invert(1); }
/* dark theme: swap the hero backdrops for night versions (moon, cool palette) — already dark, so no dimming filter */
html.theme-dark .hero .hero-bg-berg { background-image: url('/img/scenes/scene-berg-night.webp'); }
html.theme-dark .hero .hero-bg-wald { background-image: url('/img/scenes/scene-wald-night.webp'); }
html.theme-dark .hero .hero-bg-stadt { background-image: url('/img/scenes/scene-stadt-night.webp'); }