/* =====================================================
   BOLAPASARAN — UNIFIED DARK THEME
   =====================================================
   Nuclear approach: override ALL color variables at :root
   level + blanket element overrides for inline styles.
   Dark is the default identity. Light mode is the alt.
   ===================================================== */

/* ---- 1. VARIABLE OVERRIDES (covers all var() usage) ---- */
html[data-theme="dark"] {
  color-scheme: dark;

  /* main.css --color-* system */
  --color-text: #f2eeef;
  --color-text-light: #8e8590;
  --color-text-lighter: #6b6e7a;
  --color-bg: #0e0c10;
  --color-bg-secondary: #171418;
  --color-bg-tertiary: #201d22;
  --color-border: #2e2830;
  --color-primary: #5b8def;
  --color-primary-dark: #4a7adc;
  --color-primary-light: #7da8ff;
  --color-secondary: #2dd4a8;
  --color-accent: #e63946;

  /* Editorial --ed-color-* (search, tags, categories, single articles) */
  --ed-color-ink: #f2eeef;
  --ed-color-paper: #171418;
  --ed-color-accent: #e63946;
  --ed-color-accent-dark: #c42f3a;
  --ed-color-rule: #2e2830;
  --ed-color-muted: #8e8590;
  --ed-color-highlight: #1e1e2e;
  --ed-color-gold: #f59e0b;

  /* Match detail / list --ink/--paper system */
  --ink: #f2eeef;
  --paper: #171418;
  --accent: #e63946;
  --rule: #2e2830;
  --muted: #8e8590;
  --soft: #201d22;
  --win: #f97316;
  --loss: #4b5563;
  --home-color: #e63946;
  --away-color: #5b8def;

  /* Homepage --bp-* system */
  --bp-dark: #0e0c10;
  --bp-darker: #171418;
  --bp-card: #171418;
  --bp-border: #2e2830;
  --bp-text: #f2eeef;
  --bp-text-muted: #8e8590;

  /* Shadows for dark surfaces */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.5);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.5);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.5);
  --shadow-xl: 0 16px 48px rgba(0,0,0,0.5);
}

/* ---- 2. GLOBAL ELEMENT OVERRIDES ---- */
html[data-theme="dark"] body {
  background: #0e0c10;
  color: #f2eeef;
}

html[data-theme="dark"] a { color: #f2eeef; }
html[data-theme="dark"] a:hover { color: #e63946; }
html[data-theme="dark"] hr { border-color: #2e2830; }
html[data-theme="dark"] ::selection { background: rgba(230,57,70,0.3); color: #fff; }

html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
  background: #171418 !important;
  color: #f2eeef !important;
  border-color: #2e2830 !important;
}

html[data-theme="dark"] code {
  background: #201d22;
  color: #e63946;
}
html[data-theme="dark"] pre {
  background: #0e0c10 !important;
}
html[data-theme="dark"] blockquote {
  border-left-color: #e63946;
  color: #8e8590;
  background: #171418;
}
html[data-theme="dark"] table th {
  background: #0e0c10 !important;
  color: #8e8590 !important;
  border-color: #2e2830 !important;
}
html[data-theme="dark"] table td {
  border-color: #2e2830 !important;
  color: #e0dada;
}
html[data-theme="dark"] table tbody tr:hover td {
  background: #201d22 !important;
}

/* ---- 3. SITE CHROME (header, footer, nav) ---- */
html[data-theme="dark"] .site-header {
  background: #0e0c10 !important;
  border-bottom: 1px solid #2e2830 !important;
}
html[data-theme="dark"] .nav-link { color: #8e8590 !important; }
html[data-theme="dark"] .nav-link:hover,
html[data-theme="dark"] .nav-link.active { color: #f2eeef !important; }
html[data-theme="dark"] .logo-accent { color: #e63946; }
html[data-theme="dark"] .mobile-menu-toggle span { background: #f2eeef; }
html[data-theme="dark"] .nav-menu {
  background-color: #0e0c10 !important;
  border-color: #2e2830 !important;
}

html[data-theme="dark"] .site-footer,
html[data-theme="dark"] footer {
  background: #0e0c10 !important;
  color: #8e8590;
  border-top-color: #2e2830 !important;
}
html[data-theme="dark"] footer a { color: #e0dada; }
html[data-theme="dark"] footer h3 { color: #f2eeef; }
html[data-theme="dark"] .footer-bottom { border-top-color: #2e2830 !important; }
html[data-theme="dark"] .tag { background: #201d22 !important; color: #e0dada !important; border-color: #2e2830 !important; }
html[data-theme="dark"] .tag:hover { background: #2e2830 !important; color: #e63946 !important; }
html[data-theme="dark"] .main-content { background: transparent; }

/* ---- Theme toggle ---- */
.header-actions { display: flex; align-items: center; gap: 0.5rem; margin-left: auto; flex-shrink: 0; order: 99; }
.theme-toggle {
  background: transparent; border: 1px solid rgba(255,255,255,0.15); border-radius: 8px;
  width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center;
  cursor: pointer; color: inherit; transition: all 0.2s; padding: 0;
}
.theme-toggle:hover { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.3); }
.theme-toggle svg { width: 18px; height: 18px; }
.theme-toggle .icon-sun { display: none; }
.theme-toggle .icon-moon { display: block; }
html[data-theme="dark"] .theme-toggle { color: #f59e0b; border-color: rgba(245,158,11,0.3); background: rgba(245,158,11,0.08); }
html[data-theme="dark"] .theme-toggle .icon-sun { display: block; }
html[data-theme="dark"] .theme-toggle .icon-moon { display: none; }
html[data-theme="light"] .theme-toggle { border-color: rgba(0,0,0,0.15); color: #4b5563; }

/* ---- 4. NUCLEAR INLINE-STYLE OVERRIDES ---- */
/* These catch hardcoded colors in template <style> blocks */

/* White/light backgrounds → dark */
html[data-theme="dark"] [style*="background: white"],
html[data-theme="dark"] [style*="background:white"],
html[data-theme="dark"] [style*="background: #fff"],
html[data-theme="dark"] [style*="background:#fff"],
html[data-theme="dark"] [style*="background: #f"],
html[data-theme="dark"] [style*="background:#f8"],
html[data-theme="dark"] [style*="background:#f3"],
html[data-theme="dark"] [style*="background:#e5"],
html[data-theme="dark"] [style*="faf9f7"],
html[data-theme="dark"] [style*="f8f9fa"],
html[data-theme="dark"] [style*="f1f3f5"],
html[data-theme="dark"] [style*="f3f4f6"] {
  background: #171418 !important;
}

/* Dark text → light */
html[data-theme="dark"] [style*="color: #1a1a1a"],
html[data-theme="dark"] [style*="color:#1a1a1a"],
html[data-theme="dark"] [style*="color: #000"],
html[data-theme="dark"] [style*="color:#000"],
html[data-theme="dark"] [style*="color: black"],
html[data-theme="dark"] [style*="color:black"] {
  color: #f2eeef !important;
}

/* Light borders → dark */
html[data-theme="dark"] [style*="border"][style*="#e5e7eb"],
html[data-theme="dark"] [style*="border"][style*="#d4d4d4"],
html[data-theme="dark"] [style*="border"][style*="#d1d5db"],
html[data-theme="dark"] [style*="border"][style*="#e2e8f0"] {
  border-color: #2e2830 !important;
}

/* ---- 5. HOMEPAGE ---- */
html[data-theme="dark"] .hero-section { border-color: #2e2830; }
html[data-theme="dark"] .story-card,
html[data-theme="dark"] .hero-card,
html[data-theme="dark"] .post-card { background: #171418 !important; border-color: #2e2830 !important; color: #f2eeef; }
html[data-theme="dark"] .story-card:hover,
html[data-theme="dark"] .post-card:hover { border-color: #e63946 !important; }
html[data-theme="dark"] .story-title a,
html[data-theme="dark"] .story-link { color: #f2eeef !important; }
html[data-theme="dark"] .story-time,
html[data-theme="dark"] .story-badge { color: #8e8590 !important; }
html[data-theme="dark"] .story-overlay { background: linear-gradient(transparent, #0e0c10cc) !important; }
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .title-accent { color: #f2eeef; }
html[data-theme="dark"] .section-header { border-color: #2e2830; }
html[data-theme="dark"] .see-all { color: #e63946 !important; }
html[data-theme="dark"] .ticker-bar { background: #171418 !important; border-color: #2e2830 !important; }
html[data-theme="dark"] .ticker-label { background: #e63946 !important; }
html[data-theme="dark"] .ticker-item a { color: #e0dada !important; }

/* Big match + upcoming */
html[data-theme="dark"] .big-match-card,
html[data-theme="dark"] .bmc-header { background: #171418 !important; border-color: #2e2830 !important; color: #f2eeef; }
html[data-theme="dark"] .bmc-league,
html[data-theme="dark"] .bmc-time { color: #8e8590 !important; }
html[data-theme="dark"] .bmc-team-name { color: #f2eeef !important; }
html[data-theme="dark"] .bmc-odds { background: #201d22 !important; color: #f2eeef !important; border-color: #2e2830 !important; }
html[data-theme="dark"] .bmc-prediction,
html[data-theme="dark"] .bmc-countdown { color: #e63946 !important; }
html[data-theme="dark"] .bmc-probability { background: #201d22 !important; }
html[data-theme="dark"] .upcoming-card { background: #171418 !important; border-color: #2e2830 !important; color: #f2eeef; }
html[data-theme="dark"] .uc-league { color: #8e8590 !important; }
html[data-theme="dark"] .uc-score-box { background: #201d22 !important; border-color: #2e2830 !important; }
html[data-theme="dark"] .uc-odds { color: #e0dada !important; }
html[data-theme="dark"] .uc-pred { color: #e63946 !important; }

/* Results widget */
html[data-theme="dark"] .result-card { background: #171418 !important; border-color: #2e2830 !important; color: #f2eeef; }
html[data-theme="dark"] .result-card:hover { border-color: #e63946 !important; }
html[data-theme="dark"] .result-league,
html[data-theme="dark"] .result-meta { border-color: #2e2830 !important; color: #8e8590; }
html[data-theme="dark"] .result-cta { color: #e63946 !important; }

/* Standings + UCL bracket */
html[data-theme="dark"] .std-table-wrap { background: #171418 !important; border-color: #2e2830 !important; }
html[data-theme="dark"] .std-table th { background: #0e0c10 !important; color: #8e8590 !important; border-color: #2e2830 !important; }
html[data-theme="dark"] .std-table td { border-color: #2e2830 !important; color: #e0dada; }
html[data-theme="dark"] .std-table tr:hover td { background: #201d22 !important; }
html[data-theme="dark"] .std-tab { background: #201d22 !important; color: #8e8590 !important; border-color: #2e2830 !important; }
html[data-theme="dark"] .std-tab.active,
html[data-theme="dark"] .std-tab:hover { background: #e63946 !important; color: #fff !important; }
html[data-theme="dark"] .std-team-inner { color: #f2eeef !important; }
html[data-theme="dark"] .b-matchup { background: #171418 !important; border-color: #2e2830 !important; }
html[data-theme="dark"] .b-team { border-color: #2e2830 !important; }
html[data-theme="dark"] .b-name { color: #e0dada !important; }
html[data-theme="dark"] .conn-line,
html[data-theme="dark"] .conn-mid { border-color: #2e2830 !important; }

/* CTA / tags / pills / quick links */
html[data-theme="dark"] .cta-content { background: #171418 !important; border-color: #2e2830 !important; }
html[data-theme="dark"] .cta-btn { background: #e63946 !important; color: #fff !important; }
html[data-theme="dark"] .quick-link { background: #171418 !important; border-color: #2e2830 !important; color: #f2eeef !important; }
html[data-theme="dark"] .trending-tag { background: #201d22 !important; color: #e0dada !important; border-color: #2e2830 !important; }
html[data-theme="dark"] .trending-tag:hover { background: #e63946 !important; color: #fff !important; }
html[data-theme="dark"] .category-pill { background: #201d22 !important; color: #e0dada !important; border-color: #2e2830 !important; }
html[data-theme="dark"] .category-pill.active { background: #e63946 !important; color: #fff !important; }

/* ---- 6. ARTICLES ---- */
html[data-theme="dark"] .editorial-article { color: #f2eeef; }
html[data-theme="dark"] .editorial-article-title { color: #f2eeef; }
html[data-theme="dark"] .editorial-article-deck { color: #c0b8bc; }
html[data-theme="dark"] .editorial-article-meta { color: #8e8590; }
html[data-theme="dark"] .editorial-article-meta a { color: #e0dada !important; }
html[data-theme="dark"] .editorial-article-body { color: #e0dada; }
html[data-theme="dark"] .editorial-article-body p,
html[data-theme="dark"] .editorial-article-body li,
html[data-theme="dark"] .editorial-article-body h2,
html[data-theme="dark"] .editorial-article-body h3,
html[data-theme="dark"] .editorial-article-body h4 { color: #f2eeef; }
html[data-theme="dark"] .editorial-article-body a { color: #e63946; }
html[data-theme="dark"] .editorial-source-box { background: #171418 !important; border-color: #2e2830 !important; }
html[data-theme="dark"] .editorial-post-nav a { background: #171418; border-color: #2e2830; color: #f2eeef; }
html[data-theme="dark"] .editorial-post-nav a:hover { border-color: #e63946; }
html[data-theme="dark"] .related-section-title { color: #f2eeef; border-color: #2e2830; }
html[data-theme="dark"] .related-article-card { background: #171418 !important; border-color: #2e2830 !important; }
html[data-theme="dark"] .related-article-title a { color: #f2eeef; }
html[data-theme="dark"] .related-category { color: #e63946 !important; }
html[data-theme="dark"] .recent-matches-widget { background: #171418 !important; border-top-color: #f2eeef !important; border-bottom-color: #2e2830 !important; color: #f2eeef !important; }
html[data-theme="dark"] .recent-matches-widget h2 { color: #f2eeef !important; }
html[data-theme="dark"] .recent-matches-widget p { color: #8e8590 !important; }
html[data-theme="dark"] .recent-matches-widget a { background: #0e0c10 !important; border-color: #2e2830 !important; color: #f2eeef !important; }
html[data-theme="dark"] .breadcrumbs,
html[data-theme="dark"] .breadcrumbs a { color: #8e8590 !important; }
html[data-theme="dark"] .breadcrumbs a:hover { color: #e63946 !important; }

/* ---- 7. MATCH DETAIL ---- */
html[data-theme="dark"] .mv2-hero-wrap { background: #0e0c10 !important; border-bottom-color: #2e2830 !important; }
html[data-theme="dark"] .mv2-hero { border-top-color: #f2eeef; border-bottom-color: #2e2830; }
html[data-theme="dark"] .mv2-tab { color: #8e8590; }
html[data-theme="dark"] .mv2-tab.active { color: #e63946; border-bottom-color: #e63946; }
html[data-theme="dark"] .mv2-tab:hover:not(.active) { color: #f2eeef; }
html[data-theme="dark"] .mv2-info-card,
html[data-theme="dark"] .mv2-analysis,
html[data-theme="dark"] .mv2-events,
html[data-theme="dark"] .mv2-players-team,
html[data-theme="dark"] .mv2-bench-col,
html[data-theme="dark"] .mv2-coaches-row,
html[data-theme="dark"] .mv2-standings-wrap,
html[data-theme="dark"] .mv2-h2h-summary,
html[data-theme="dark"] .mv2-h2h-matches,
html[data-theme="dark"] .mv2-subs-rows { background: #171418 !important; border-color: #2e2830 !important; }
html[data-theme="dark"] .mv2-analysis { background: #141216 !important; border-left-color: #e63946 !important; }
html[data-theme="dark"] .mv2-analysis p { color: #f2eeef; }
html[data-theme="dark"] .mv2-info-icon { background: #0e0c10 !important; border-color: #2e2830 !important; }
html[data-theme="dark"] .mv2-event.phase { background: #201d22 !important; }
html[data-theme="dark"] .mv2-event.phase .mv2-e-label strong { color: #f2eeef !important; }
html[data-theme="dark"] .mv2-event { border-color: #2e2830 !important; }
html[data-theme="dark"] .mv2-players-team h3 { background: #0e0c10 !important; border-bottom-color: #2e2830 !important; }
html[data-theme="dark"] .mv2-players-divider { background: #0e0c10 !important; }
html[data-theme="dark"] .mv2-standings thead th { background: #0e0c10 !important; color: #8e8590; }
html[data-theme="dark"] .mv2-standings td { border-color: #2e2830 !important; }
html[data-theme="dark"] .mv2-standings tr.hit { background: #231520 !important; }
html[data-theme="dark"] .mv2-score,
html[data-theme="dark"] .mv2-player-name { color: #f2eeef; }
html[data-theme="dark"] .mv2-sub-in { color: #4ade80 !important; }
html[data-theme="dark"] .mv2-card:hover,
html[data-theme="dark"] .mv2-h2h-match:hover { background: #201d22 !important; }

/* Match list + filter chips */
html[data-theme="dark"] .mv2-filter-chip,
html[data-theme="dark"] .pvl-chip { background: #171418; border-color: #2e2830; color: #8e8590; }
html[data-theme="dark"] .mv2-filter-chip:hover,
html[data-theme="dark"] .pvl-chip:hover { border-color: #e63946; color: #f2eeef; }
html[data-theme="dark"] .mv2-filter-chip.active,
html[data-theme="dark"] .pvl-chip.active { background: #e63946; color: #fff; border-color: #e63946; }
html[data-theme="dark"] .mv2-badge-recent { background: #e63946; }
html[data-theme="dark"] .mv2-month-title { color: #e63946; }
html[data-theme="dark"] .mv2-card { border-color: #2e2830 !important; }

/* ---- 8. PREVIEW / PREDICTIONS ---- */
html[data-theme="dark"] .pv-pred-main,
html[data-theme="dark"] .pv-meta,
html[data-theme="dark"] .pv-form-col,
html[data-theme="dark"] .pv-prob-cell,
html[data-theme="dark"] .pv-h2h-list { background: #171418 !important; border-color: #2e2830 !important; }
html[data-theme="dark"] .pv-pred-main { border-left-color: #e63946 !important; }
html[data-theme="dark"] .pv-hero { border-top-color: #f2eeef; border-bottom-color: #2e2830; }
html[data-theme="dark"] .pv-meta-icon { background: #0e0c10 !important; border-color: #2e2830 !important; }
html[data-theme="dark"] .pv-pred-winner { background: #e63946; }
html[data-theme="dark"] .pv-pred-tag { background: #201d22; }
html[data-theme="dark"] .pvl-card { border-color: #2e2830 !important; }
html[data-theme="dark"] .pvl-card:hover { background: #201d22 !important; }
html[data-theme="dark"] .pvl-day-title { color: #e63946; }
html[data-theme="dark"] .pvl-card-time { color: #e63946; }

/* ---- 9. H2H + ARCHIVE ---- */
html[data-theme="dark"] .h2h-pair-card,
html[data-theme="dark"] .team-card { background: #171418 !important; border-color: #2e2830 !important; color: #f2eeef; }
html[data-theme="dark"] .h2h-pair-card:hover,
html[data-theme="dark"] .team-card:hover { border-color: #e63946 !important; }
html[data-theme="dark"] .match-row:hover { background: #201d22 !important; }
html[data-theme="dark"] .summary-card { background: #171418 !important; border-color: #2e2830 !important; }
html[data-theme="dark"] .record-bar { border-color: #2e2830 !important; }

/* ---- 10. JADWAL (match rows, odds, prob bars) ---- */
html[data-theme="dark"] .jadwal-match-row { background: #171418 !important; border-color: #2e2830 !important; color: #f2eeef !important; }
html[data-theme="dark"] .jadwal-match-row.jadwal-big { background: linear-gradient(145deg, #1a1530, #221840) !important; border-color: rgba(139,92,246,0.3) !important; }
html[data-theme="dark"] .jadwal-content { background: transparent !important; color: #f2eeef !important; }
html[data-theme="dark"] .jadwal-section-title { color: #f2eeef !important; border-color: #2e2830 !important; }
html[data-theme="dark"] .jadwal-league-card { background: #171418 !important; border-color: #2e2830 !important; }
html[data-theme="dark"] .jadwal-league-card:hover { border-color: #e63946 !important; }
html[data-theme="dark"] .jadwal-league-card .league-info h3 { color: #f2eeef !important; }
html[data-theme="dark"] .jadwal-league-card .league-info p { color: #8e8590 !important; }
html[data-theme="dark"] .jmr-league { color: #8e8590 !important; }
html[data-theme="dark"] .jmr-home,
html[data-theme="dark"] .jmr-away { color: #f2eeef !important; }
html[data-theme="dark"] .jmr-prob-bar { background: #2e2830 !important; }
html[data-theme="dark"] .jmr-prob-labels { color: #8e8590 !important; }
html[data-theme="dark"] .jmr-prob-labels span:first-child { color: #60a5fa !important; }
html[data-theme="dark"] .jmr-prob-labels span:last-child { color: #4ade80 !important; }
html[data-theme="dark"] .jmr-odd { background: rgba(249,115,22,0.2) !important; }
html[data-theme="dark"] .jmr-odd-draw { color: #8e8590 !important; background: rgba(255,255,255,0.06) !important; }
html[data-theme="dark"] .jmr-pred-label { color: #8e8590 !important; }
html[data-theme="dark"] .jmr-predicted-score { color: #4ade80 !important; }
html[data-theme="dark"] .jmr-analysis { color: #c0b8bc !important; }
html[data-theme="dark"] .jadwal-detail-card { background: #171418 !important; border-color: #2e2830 !important; }
html[data-theme="dark"] .jadwal-detail-card td { color: #e0dada !important; border-color: #2e2830 !important; }
html[data-theme="dark"] .jadwal-odds-section { color: #f2eeef; }
html[data-theme="dark"] .jadwal-match-row td,
html[data-theme="dark"] .jadwal-content table td { border-color: #2e2830 !important; color: #e0dada !important; }
html[data-theme="dark"] .jadwal-content table { background: #0e0c10 !important; }
html[data-theme="dark"] .jadwal-content table tbody tr:hover { background-color: #201d22 !important; }

/* ---- 11. TAGS / TAXONOMY / CATEGORIES ---- */
html[data-theme="dark"] .taxonomy-list,
html[data-theme="dark"] .taxonomy-item,
html[data-theme="dark"] .term-card,
html[data-theme="dark"] .category-card,
html[data-theme="dark"] .category-list-item,
html[data-theme="dark"] .tag-list-section,
html[data-theme="dark"] .tag-header,
html[data-theme="dark"] .tag-item,
html[data-theme="dark"] .tag-card { background: #171418 !important; border-color: #2e2830 !important; color: #f2eeef !important; }
html[data-theme="dark"] .taxonomy-item:hover,
html[data-theme="dark"] .term-card:hover,
html[data-theme="dark"] .category-card:hover,
html[data-theme="dark"] .tag-card:hover { background: #201d22 !important; border-color: #e63946 !important; }
html[data-theme="dark"] .term-count,
html[data-theme="dark"] .category-count,
html[data-theme="dark"] .tag-count { color: #8e8590 !important; }
html[data-theme="dark"] .category-title a,
html[data-theme="dark"] .term-title a,
html[data-theme="dark"] .tag-name a { color: #f2eeef !important; }

/* ---- 12. SEARCH ---- */
html[data-theme="dark"] #search-input { background: #171418 !important; border-color: #2e2830 !important; color: #f2eeef !important; }
html[data-theme="dark"] .search-result { border-color: #2e2830 !important; }
html[data-theme="dark"] .search-result:hover { background: #201d22 !important; }
html[data-theme="dark"] .search-result-title a { color: #f2eeef; }

/* ---- 13. PIALA DUNIA ---- */
html[data-theme="dark"] .wc-group-card,
html[data-theme="dark"] .wc-match { background: #171418 !important; border-color: #2e2830 !important; }
html[data-theme="dark"] .wc-tab { background: #201d22 !important; color: #8e8590 !important; }
html[data-theme="dark"] .wc-tab.active { background: #e63946 !important; color: #fff !important; }

/* ---- 14. ADMIN ---- */
html[data-theme="dark"] #login-btn { background: #2e2830 !important; color: #f2eeef !important; }

/* ---- 15. BREADCRUMB STRIPS ---- */
html[data-theme="dark"] .mv2-crumb a,
html[data-theme="dark"] .pv-crumb a { color: #8e8590 !important; }
html[data-theme="dark"] .mv2-crumb a:hover,
html[data-theme="dark"] .pv-crumb a:hover { color: #e63946 !important; }

/* ---- 16. GENERIC ---- */
html[data-theme="dark"] .empty-state,
html[data-theme="dark"] .mv2-standings-empty { border-color: #2e2830 !important; color: #8e8590; }
html[data-theme="dark"] .hero-card-content,
html[data-theme="dark"] .post-content,
html[data-theme="dark"] .article-card { background: #171418 !important; color: #f2eeef !important; }

/* Tags pill badges — PRESERVE the user's design (white pills w/ colored dots) */
html[data-theme="dark"] .tag-pills .tag-pill,
html[data-theme="dark"] .trending-tags .tag-pill {
  background: #201d22 !important;
  color: #f2eeef !important;
  border-color: #2e2830 !important;
}