/* Mode sombre du thème Hypnosia — html[data-theme="dark"], posé avant l'affichage par le gabarit (base.blade.php).
   Palette réglable (Panel → Thème → Mode sombre) : variables --hd-* écrites par hypnosia_dark_vars_css().
   Fichier construit par tools/dark_gen.py : couche de base ci-dessous (écrite à la main), puis couche générée. */

/* ===== Base ===== */
html[data-theme="dark"] { color-scheme: dark; background-color: var(--hd-bg); }
html[data-theme="dark"] body { background: var(--hd-bg) !important; color: var(--hd-ink); }
html[data-theme="dark"] ::selection { background: rgba(var(--hd-accent-rgb), 0.35); color: #fff; }

/* Bootstrap 5.3 (data-bs-theme="dark" posé aussi) : ses variables suivent la palette du thème */
html[data-theme="dark"] {
  --bs-body-bg: var(--hd-bg); --bs-body-color: var(--hd-ink); --bs-emphasis-color: var(--hd-ink);
  --bs-secondary-color: var(--hd-muted); --bs-tertiary-color: var(--hd-muted);
  --bs-secondary-bg: var(--hd-surface-2); --bs-tertiary-bg: var(--hd-surface-2);
  --bs-border-color: var(--hd-line); --bs-border-color-translucent: var(--hd-line);
  --bs-heading-color: var(--hd-ink); --bs-link-color: var(--hd-accent-ink); --bs-link-color-rgb: var(--hd-accent-rgb);
  --bs-link-hover-color: #ffffff; --bs-link-hover-color-rgb: 255, 255, 255;
}
html[data-theme="dark"] .bg-white, html[data-theme="dark"] .bg-light, html[data-theme="dark"] .bg-body { background-color: var(--hd-surface) !important; }
html[data-theme="dark"] .text-dark, html[data-theme="dark"] .text-black, html[data-theme="dark"] .text-body { color: var(--hd-ink) !important; }
html[data-theme="dark"] .text-muted, html[data-theme="dark"] .text-secondary, html[data-theme="dark"] .text-body-secondary { color: var(--hd-muted) !important; }
html[data-theme="dark"] .text-primary { color: var(--hd-accent-ink) !important; }
html[data-theme="dark"] .card { --bs-card-bg: var(--hd-surface); --bs-card-border-color: var(--hd-line); --bs-card-cap-bg: var(--hd-surface-2); --bs-card-color: var(--hd-ink); color: var(--hd-ink); }
html[data-theme="dark"] .card-header, html[data-theme="dark"] .card-footer { border-color: var(--hd-line); }
html[data-theme="dark"] .list-group { --bs-list-group-bg: var(--hd-surface); --bs-list-group-color: var(--hd-ink); --bs-list-group-border-color: var(--hd-line); --bs-list-group-action-hover-bg: var(--hd-surface-2); --bs-list-group-action-hover-color: var(--hd-ink); }
html[data-theme="dark"] .table { --bs-table-bg: transparent; --bs-table-color: var(--hd-ink); --bs-table-border-color: var(--hd-line); --bs-table-striped-bg: rgba(255, 255, 255, 0.03); --bs-table-striped-color: var(--hd-ink); --bs-table-hover-bg: rgba(255, 255, 255, 0.05); --bs-table-hover-color: var(--hd-ink); }
html[data-theme="dark"] .form-control, html[data-theme="dark"] .form-select { background-color: var(--hd-surface-2); color: var(--hd-ink); border-color: var(--hd-line); }
html[data-theme="dark"] .form-control::placeholder { color: var(--hd-muted); opacity: 0.85; }
html[data-theme="dark"] .form-control:focus, html[data-theme="dark"] .form-select:focus { background-color: var(--hd-surface); color: var(--hd-ink); border-color: rgba(var(--hd-accent-rgb), 0.6); box-shadow: 0 0 0 0.2rem rgba(var(--hd-accent-rgb), 0.18); }
html[data-theme="dark"] .form-control:disabled, html[data-theme="dark"] .form-control[readonly] { background-color: var(--hd-surface); opacity: 0.8; }
html[data-theme="dark"] .input-group-text { background-color: var(--hd-surface); color: var(--hd-muted); border-color: var(--hd-line); }
html[data-theme="dark"] .form-check-input { background-color: var(--hd-surface-2); border-color: rgba(255, 255, 255, 0.25); }
html[data-theme="dark"] .form-check-input:checked { background-color: var(--theme-purple, #6b21a8); border-color: var(--theme-purple, #6b21a8); }
html[data-theme="dark"] .dropdown-menu { --bs-dropdown-bg: var(--hd-surface); --bs-dropdown-color: var(--hd-ink); --bs-dropdown-border-color: var(--hd-line); --bs-dropdown-link-color: var(--hd-ink); --bs-dropdown-link-hover-bg: var(--hd-surface-2); --bs-dropdown-link-hover-color: var(--hd-ink); --bs-dropdown-divider-bg: var(--hd-line); --bs-dropdown-header-color: var(--hd-muted); }
html[data-theme="dark"] .modal-content { --bs-modal-bg: var(--hd-surface); --bs-modal-color: var(--hd-ink); --bs-modal-border-color: var(--hd-line); --bs-modal-header-border-color: var(--hd-line); --bs-modal-footer-border-color: var(--hd-line); }
html[data-theme="dark"] .accordion { --bs-accordion-bg: var(--hd-surface); --bs-accordion-color: var(--hd-ink); --bs-accordion-border-color: var(--hd-line); --bs-accordion-btn-bg: var(--hd-surface); --bs-accordion-btn-color: var(--hd-ink); --bs-accordion-active-bg: var(--hd-surface-2); --bs-accordion-active-color: var(--hd-accent-ink); }
html[data-theme="dark"] .pagination { --bs-pagination-bg: var(--hd-surface); --bs-pagination-color: var(--hd-ink); --bs-pagination-border-color: var(--hd-line); --bs-pagination-hover-bg: var(--hd-surface-2); --bs-pagination-hover-color: var(--hd-ink); --bs-pagination-disabled-bg: var(--hd-surface); --bs-pagination-disabled-color: var(--hd-muted); --bs-pagination-active-bg: var(--theme-purple, #6b21a8); --bs-pagination-active-border-color: var(--theme-purple, #6b21a8); }
html[data-theme="dark"] .nav-tabs { --bs-nav-tabs-border-color: var(--hd-line); --bs-nav-tabs-link-active-bg: var(--hd-surface); --bs-nav-tabs-link-active-color: var(--hd-ink); --bs-nav-tabs-link-active-border-color: var(--hd-line) var(--hd-line) var(--hd-surface); }
html[data-theme="dark"] .btn-light { --bs-btn-bg: var(--hd-surface-2); --bs-btn-color: var(--hd-ink); --bs-btn-border-color: var(--hd-line); --bs-btn-hover-bg: var(--hd-surface); --bs-btn-hover-color: var(--hd-ink); }
html[data-theme="dark"] .btn-outline-secondary, html[data-theme="dark"] .btn-outline-dark { --bs-btn-color: var(--hd-muted); --bs-btn-border-color: var(--hd-line); --bs-btn-hover-bg: var(--hd-surface-2); --bs-btn-hover-color: var(--hd-ink); --bs-btn-hover-border-color: var(--hd-line); }
html[data-theme="dark"] .btn-close { filter: invert(1) grayscale(1) brightness(1.6); }
html[data-theme="dark"] .shadow { box-shadow: 0 0.6rem 1.6rem rgba(0, 0, 0, 0.45) !important; }
html[data-theme="dark"] .shadow-sm { box-shadow: 0 0.15rem 0.4rem rgba(0, 0, 0, 0.35) !important; }
html[data-theme="dark"] hr { border-color: var(--hd-line); opacity: 1; }
html[data-theme="dark"] code { color: var(--hd-accent-ink); }
html[data-theme="dark"] kbd { background: var(--hd-surface-2); color: var(--hd-ink); }
html[data-theme="dark"] blockquote { border-color: var(--hd-line); color: var(--hd-muted); }
html[data-theme="dark"] .alert-light { background: var(--hd-surface-2); color: var(--hd-ink); border-color: var(--hd-line); }

/* ===== Barre de navigation (le bouton soleil / lune y est stylé avec elle) ===== */
html[data-theme="dark"] .custom-nav-container { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45); border: 1px solid var(--hd-line); }
html[data-theme="dark"] .nav-theme-btn { background: var(--hd-surface-2); border-color: var(--hd-line); color: var(--hd-accent-ink); }
html[data-theme="dark"] .nav-theme-btn:hover { background: var(--hd-surface); border-color: rgba(var(--hd-accent-rgb), 0.6); }
html[data-theme="dark"] .navbar-toggler-icon { filter: invert(1) brightness(1.4); }

/* ===== Contenus mis en forme (articles, pages Azuriom, textes des blocs) ===== */
html[data-theme="dark"] main h1, html[data-theme="dark"] main h2, html[data-theme="dark"] main h3,
html[data-theme="dark"] main h4, html[data-theme="dark"] main h5, html[data-theme="dark"] main h6 { color: inherit; }
html[data-theme="dark"] main .content a:not(.btn), html[data-theme="dark"] main article a:not(.btn) { color: var(--hd-accent-ink); }

/* ===== Zones de couleur claires (Blocs de pages ; .is-dark = texte foncé, donc fond clair) ===== */
/* Assombries : un voile couleur de page par-dessus le fond, sous le contenu (les séparateurs suivent) */
html[data-theme="dark"][data-dark-zones="dim"] .hy-band.is-dark,
html[data-theme="dark"][data-dark-zones="dim"] .hy-band-sep.hy-pale,
html[data-theme="dark"][data-dark-zones="dim"] .hy-band-sep > .hy-pale { box-shadow: inset 0 0 0 100vmax rgba(var(--hd-bg-rgb), 0.86); }
/* Gardées claires : la palette claire revient à l'intérieur de la zone (les règles sombres lisent ces variables) */
html[data-theme="dark"][data-dark-zones="keep"] .hy-band.is-dark {
  --hd-bg: #faf8fd; --hd-bg-rgb: 250, 248, 253; --hd-surface: #ffffff; --hd-surface-rgb: 255, 255, 255; --hd-surface-2: #f3eefa;
  --hd-ink: #1e293b; --hd-text: #4f4470; --hd-muted: #6c757d; --hd-accent-ink: var(--theme-purple, #6b21a8); --hd-accent-rgb: 107, 33, 168; --hd-line: rgba(107, 33, 168, 0.14);
  color: #1e293b;
}

/* ===== Détails ===== */
/* Haut de la page Communauté : fondu vers le fond de page */
html[data-theme="dark"] body .cm-hero-bg::after { background: linear-gradient(to bottom, transparent, var(--hd-bg)) !important; }
/* Badges des sections (d'origine : violet translucide) ; le style commun « Titres et badges », s'il est réglé, reste prioritaire */
html[data-theme="dark"] .section-badge { background-color: rgba(var(--hd-accent-rgb), 0.14) !important; color: var(--hd-accent-ink) !important; }
/* Boutique : pastilles, survols et boutons violets sur fond translucide (le générateur garde leur encre d'origine) */
html[data-theme="dark"] :is(.hbq-side-count, .hbq-section-count, .hbq-btn-soft, .hbq-qty-btn, .hbq-cart-count-pill) { color: var(--hd-accent-ink) !important; background: rgba(var(--hd-accent-rgb), 0.14); }
html[data-theme="dark"] .hbq-qty-btn:hover { background: rgba(var(--hd-accent-rgb), 0.24); }
/* Panier non vide : sa pastille reste allumée */
html[data-theme="dark"] .hbq-side-count.is-full { color: #fff !important; background: linear-gradient(135deg, var(--theme-purple, #6b21a8), var(--theme-magenta, #d946ef)); }
html[data-theme="dark"] .hbq-side-link:hover { color: var(--hd-accent-ink); background: rgba(var(--hd-accent-rgb), 0.1); }
/* Bouton « Inscription » de la barre (contour violet) */
html[data-theme="dark"] .navbar-floating .btn.rounded-pill { color: var(--hd-accent-ink) !important; border-color: rgba(var(--hd-accent-rgb), 0.7) !important; }

/* ===== Couche générée (tools/dark_gen.py) : couleurs claires des vues réécrites vers les variables --hd-*.
   Ne pas modifier à la main : relancer le générateur après un changement de style dans les vues. ===== */
/* --- views/elements/blocks.blade.php --- */
html[data-theme="dark"] .hb-tile { background: linear-gradient(165deg, rgba(var(--hd-surface-rgb), 0.55), rgba(255, 255, 255, 0) 60%), var(--tile-bg); }
html[data-theme="dark"] .hb-tile-value { background: rgba(var(--hd-surface-rgb), 0.55); border-color: var(--hd-line); }
html[data-theme="dark"] .hb-title { color: var(--hb-title-c, var(--hd-ink)); }
html[data-theme="dark"] .hb-on-dark .hb-title { color: var(--hb-title-c, #fff); }
html[data-theme="dark"] .hb-title-grad .hb-title, html[data-theme="dark"] .hb-title-grad .hb-step-title { background: var(--hb-title-bg); }
html[data-theme="dark"] .hb-text { color: var(--hd-muted); }
html[data-theme="dark"] .hb-text a { color: var(--hd-accent-ink); }
html[data-theme="dark"] .hb-on-dark .hb-text a { color: #fff; }
html[data-theme="dark"] .hb-caption { color: var(--hd-muted); }
html[data-theme="dark"] .hb-thumb { background: var(--hd-surface-2); }
html[data-theme="dark"] .hb-faq details { background: var(--faq-bg, rgba(var(--hd-surface-rgb), 0.6)); }
html[data-theme="dark"] .hb-faq summary { color: var(--faq-q, var(--hd-ink)); }
html[data-theme="dark"] .hb-faq-a { color: var(--faq-a, var(--hd-muted)); }
html[data-theme="dark"] .hb-on-dark .hb-faq details { background: var(--faq-bg, rgba(255, 255, 255, 0.08)); border-color: var(--faq-bd, rgba(255, 255, 255, 0.18)); }
html[data-theme="dark"] .hb-on-dark .hb-faq-a { color: var(--faq-a, rgba(255, 255, 255, 0.85)); }
html[data-theme="dark"] .hb-on-dark .hb-faq summary { color: var(--faq-q, #fff); }
html[data-theme="dark"] .hb-on-dark .hb-faq summary::after { color: var(--faq-arrow, rgba(255, 255, 255, 0.8)); }
html[data-theme="dark"] .hb-stat-label { color: var(--hd-muted); }
html[data-theme="dark"] .hb-countdown span { color: var(--hd-accent-ink); }
html[data-theme="dark"] .hb-countdown small { color: var(--hd-muted); }
html[data-theme="dark"] .hb-on-dark .hb-countdown > div { background: rgba(255, 255, 255, 0.12); }
html[data-theme="dark"] .hb-on-dark .hb-countdown span, html[data-theme="dark"] .hb-on-dark .hb-countdown small { color: #fff; }
html[data-theme="dark"] .hb-countdown-done { color: var(--hd-accent-ink); }
html[data-theme="dark"] .hb-discord-counts { color: var(--hd-muted); }
html[data-theme="dark"] .hb-server-status { color: var(--hd-muted); }
html[data-theme="dark"] .hb-server-status.is-off .hb-dot { background: #ef4444; }
html[data-theme="dark"] .hb-on-dark .hb-server-status, html[data-theme="dark"] .hb-on-dark .hb-discord-counts { color: rgba(255, 255, 255, 0.85); }
html[data-theme="dark"] .hb-ip { color: var(--hd-ink); }
html[data-theme="dark"] .hb-ip-copy { color: var(--hd-accent-ink); }
html[data-theme="dark"] .hb-on-dark .hb-ip { color: #fff; border-color: rgba(255, 255, 255, 0.35); background: rgba(255, 255, 255, 0.08); }
html[data-theme="dark"] .hb-on-dark .hb-ip-copy { color: #fff; }
/* --- views/elements/navbar.blade.php --- */
html[data-theme="dark"] .navbar-nav .nav-link { color: var(--hd-muted) !important; }
html[data-theme="dark"] .navbar-nav .nav-link::after { background-color: var(--theme-purple, #6b21a8); }
html[data-theme="dark"] .navbar-nav .nav-item:hover .nav-link, html[data-theme="dark"] .navbar-nav .nav-link:hover, html[data-theme="dark"] .navbar-nav .nav-link.active { color: var(--hd-accent-ink) !important; }
html[data-theme="dark"] .dropdown-menu-hypnosia { border-color: rgba(255, 255, 255, 0.12); }
html[data-theme="dark"] .dropdown-item-hypnosia { color: var(--hd-muted) !important; }
html[data-theme="dark"] .dropdown-item-hypnosia:hover, html[data-theme="dark"] .dropdown-item-hypnosia:focus { color: var(--hd-accent-ink) !important; }
html[data-theme="dark"] .dropdown-item-hypnosia.text-danger { color: rgb(234, 133, 143) !important; }
html[data-theme="dark"] .dropdown-item-hypnosia.text-danger:hover, html[data-theme="dark"] .dropdown-item-hypnosia.text-danger:focus { color: rgb(234, 133, 143) !important; }
html[data-theme="dark"] .nav-search-btn { background: var(--hd-surface-2); color: var(--hd-muted) !important; }
html[data-theme="dark"] .nav-search-btn:hover { background: var(--hd-surface); color: var(--hd-accent-ink) !important; }
html[data-theme="dark"] .user-nav-link { color: var(--hd-muted) !important; }
html[data-theme="dark"] .user-nav-link:hover { color: var(--hd-accent-ink) !important; }
html[data-theme="dark"] .nav-theme-btn { background: var(--hd-surface-2); color: var(--hd-accent-ink); }
html[data-theme="dark"] .nav-theme-btn:hover { background: var(--hd-surface); }
/* --- views/errors/404.blade.php --- */
html[data-theme="dark"] .error-card { background: var(--hd-surface); border-color: rgba(255, 255, 255, 0.12); }
html[data-theme="dark"] .error-title { color: var(--hd-ink); }
html[data-theme="dark"] .error-text { color: var(--hd-muted); }
/* --- views/home.blade.php --- */
html[data-theme="dark"] .section-badge { color: var(--hd-accent-ink); }
html[data-theme="dark"] .section-title { color: var(--hd-ink); }
html[data-theme="dark"] .section-subtitle { color: var(--hd-muted); }
html[data-theme="dark"] .stats-number { color: var(--hd-ink); }
html[data-theme="dark"] .about-title { color: var(--hd-ink); }
html[data-theme="dark"] .btn-about-secondary { background-color: var(--hd-surface-2); color: var(--hd-ink); }
html[data-theme="dark"] .btn-about-secondary:hover { background-color: #d1d5db; color: #1f2937; }
/* --- views/layouts/base.blade.php --- */
html[data-theme="dark"] body { background-color: var(--hd-bg); }
html[data-theme="dark"] .custom-nav-container { background: var(--hd-surface); border-color: rgba(255, 255, 255, 0.12); }
html[data-theme="dark"] .nav-link { color: var(--hd-ink) !important; }
html[data-theme="dark"] .nav-link:hover { color: var(--hd-accent-ink) !important; }
html[data-theme="dark"] .user-nav-link { color: var(--hd-ink) !important; }
html[data-theme="dark"] .dropdown-item-hypnosia:hover { background-color: var(--theme-purple); color: white !important; }
/* --- views/pages/leaderboard.blade.php --- */
html[data-theme="dark"] .section-badge { color: var(--hd-accent-ink); }
html[data-theme="dark"] .section-title { color: var(--hd-ink); }
html[data-theme="dark"] .section-subtitle { color: var(--hd-muted); }
html[data-theme="dark"] .lb-cats.is-tabs { background: var(--hd-surface); }
html[data-theme="dark"] .is-tabs .lb-cat { color: var(--hd-muted); }
html[data-theme="dark"] .is-tabs .lb-cat .bi { color: var(--hd-accent-ink); }
html[data-theme="dark"] .is-tabs .lb-cat:hover { background: var(--hd-surface-2); color: var(--hd-accent-ink); }
html[data-theme="dark"] .is-tabs .lb-cat.active { color: #ffffff; background: linear-gradient(135deg, var(--theme-purple) 0%, var(--theme-magenta) 100%); }
html[data-theme="dark"] .is-tiles .lb-cat { background: var(--hd-surface); color: var(--hd-ink); }
html[data-theme="dark"] .is-tiles .lb-cat.active { color: #ffffff; border-color: transparent; background: radial-gradient(220px 120px at 100% 0%, rgba(255, 255, 255, 0.18), transparent 70%), linear-gradient(135deg, var(--royal-deep) 0%, var(--theme-purple) 55%, var(--theme-magenta) 130%); }
html[data-theme="dark"] .lb-cat-leader { color: var(--hd-muted); }
html[data-theme="dark"] .lb-search-box { background: var(--hd-surface); }
html[data-theme="dark"] .lb-search-box > i { color: var(--hd-muted); }
html[data-theme="dark"] .lb-search-box input { color: var(--hd-ink); }
html[data-theme="dark"] .lb-search-reset { color: var(--hd-muted); }
html[data-theme="dark"] .lb-search-reset:hover { color: var(--hd-accent-ink); }
html[data-theme="dark"] .lb-search-results-title { color: var(--hd-muted); }
html[data-theme="dark"] .lb-search-card { background: var(--hd-surface); }
html[data-theme="dark"] .lb-search-rank { color: var(--hd-accent-ink); }
html[data-theme="dark"] .lb-search-cat { color: var(--hd-muted); }
html[data-theme="dark"] .lb-search-score { color: var(--hd-ink); }
html[data-theme="dark"] .lb-search-score small { color: var(--hd-muted); }
html[data-theme="dark"] .lb-board { background: radial-gradient(420px 220px at 100% 0%, rgba(217, 70, 239, 0.07), transparent 70%), var(--hd-surface); }
html[data-theme="dark"] .lb-board-title h3 { color: var(--hd-ink); }
html[data-theme="dark"] .lb-board-title small { color: var(--hd-muted); }
html[data-theme="dark"] .lb-periods { background: var(--hd-surface-2); }
html[data-theme="dark"] .lb-period { color: var(--hd-muted); }
html[data-theme="dark"] .lb-period:hover { color: var(--hd-accent-ink); }
html[data-theme="dark"] .lb-period.active { background: var(--hd-surface); color: var(--hd-accent-ink); }
html[data-theme="dark"] .lb-sub { background: var(--hd-surface); color: var(--hd-muted); }
html[data-theme="dark"] .lb-sub .bi { color: var(--hd-accent-ink); }
html[data-theme="dark"] .lb-sub:hover { color: var(--hd-accent-ink); }
html[data-theme="dark"] .lb-sub.active { color: #ffffff; border-color: transparent; background: linear-gradient(135deg, var(--theme-purple) 0%, var(--theme-magenta) 100%); }
html[data-theme="dark"] .lb-sub-tag { color: var(--hd-accent-ink); }
html[data-theme="dark"] .lb-reward { color: rgb(117, 250, 212); }
html[data-theme="dark"] .lb-podium.is-stage .lb-reward { color: #6ee7b7; background: rgba(16, 185, 129, 0.18); }
html[data-theme="dark"] .lb-sync { color: var(--hd-muted); }
html[data-theme="dark"] .lb-sync .bi { color: var(--hd-accent-ink); }
html[data-theme="dark"] .lb-sync.is-stale { color: rgb(248, 175, 119); }
html[data-theme="dark"] .lb-sync.is-stale .bi { color: rgb(248, 175, 119); }
html[data-theme="dark"] .lb-pod-card { background: var(--hd-bg); }
html[data-theme="dark"] .lb-pod-head img { background: var(--hd-surface-2); }
html[data-theme="dark"] .lb-pod-name { color: var(--hd-ink); }
html[data-theme="dark"] .lb-pod-score small { color: var(--hd-muted); }
html[data-theme="dark"] .is-cards .lb-pod-1 .lb-pod-card { background: linear-gradient(180deg, color-mix(in srgb, var(--m1) 30%, transparent), var(--hd-bg) 60%); }
html[data-theme="dark"] .is-steps .lb-pod-card { background: var(--hd-surface); }
html[data-theme="dark"] .lb-podium.is-stage .lb-pod-card { background: linear-gradient(180deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.03)); }
html[data-theme="dark"] .lb-podium.is-stage .lb-pod-1 .lb-pod-card { border-color: color-mix(in srgb, var(--m1) 50%, transparent); background: linear-gradient(180deg, color-mix(in srgb, var(--m1) 26%, transparent), rgba(255, 255, 255, 0.03)); }
html[data-theme="dark"] .lb-podium.is-stage .lb-pod-name { color: #ffffff; }
html[data-theme="dark"] .lb-podium.is-stage .lb-pod-score { background: rgba(0, 0, 0, 0.28); color: var(--m1); }
html[data-theme="dark"] .lb-podium.is-stage .lb-pod-score small { color: rgba(255, 255, 255, 0.6); }
html[data-theme="dark"] .lb-podium.is-stage .lb-pod.is-me .lb-pod-card { border-color: var(--theme-magenta); }
html[data-theme="dark"] .lb-podium.is-stage .lb-pod.is-empty .lb-pod-name { color: rgba(255, 255, 255, 0.55); }
html[data-theme="dark"] .lb-row:hover { background: var(--hd-bg); }
html[data-theme="dark"] .lb-rank { color: var(--hd-muted); }
html[data-theme="dark"] .lb-row.lb-pod-1 .lb-rank, html[data-theme="dark"] .lb-row.lb-pod-2 .lb-rank, html[data-theme="dark"] .lb-row.lb-pod-3 .lb-rank { color: #ffffff; background: linear-gradient(135deg, var(--m1), var(--m2)); }
html[data-theme="dark"] .lb-name { color: var(--hd-ink); }
html[data-theme="dark"] .lb-score { color: var(--hd-ink); }
html[data-theme="dark"] .lb-note { color: var(--hd-muted); }
html[data-theme="dark"] .lb-empty { color: var(--hd-muted); }
/* --- views/pages/player.blade.php --- */
html[data-theme="dark"] .pp-search { background: var(--hd-surface); }
html[data-theme="dark"] .pp-search > i { color: var(--hd-muted); }
html[data-theme="dark"] .pp-search input { color: var(--hd-ink); }
html[data-theme="dark"] .pp-search button { background: linear-gradient(135deg, var(--theme-purple) 0%, var(--theme-magenta) 100%); color: white; }
html[data-theme="dark"] .pp-card { background: var(--hd-surface); }
html[data-theme="dark"] .pp-name { color: var(--hd-ink); }
html[data-theme="dark"] .pp-uuid { color: var(--hd-muted); }
html[data-theme="dark"] .pp-badge-guest { background: var(--hd-surface-2); color: var(--hd-muted); }
html[data-theme="dark"] .pp-stat { background: var(--hd-bg); }
html[data-theme="dark"] .pp-excluded { color: var(--hd-muted); }
html[data-theme="dark"] .pp-excluded i { color: var(--hd-accent-ink); }
html[data-theme="dark"] .pp-stat-rank.is-excluded { color: var(--hd-muted) !important; }
html[data-theme="dark"] .pp-stat-rank { color: var(--hd-accent-ink); }
html[data-theme="dark"] .pp-stat-cat { color: var(--hd-muted); }
html[data-theme="dark"] .pp-stat-val { color: var(--hd-ink); }
/* --- views/plugins/vote/index.blade.php --- */
html[data-theme="dark"] body { background-color: var(--hd-bg); }
html[data-theme="dark"] .card-clean { background: var(--hd-surface); border-color: rgba(255, 255, 255, 0.088); }
html[data-theme="dark"] .btn-vote-site { background: linear-gradient(135deg, var(--theme-purple) 0%, var(--theme-magenta) 100%); color: white !important; }
html[data-theme="dark"] .btn-vote-site.disabled { color: var(--hd-muted) !important; }
html[data-theme="dark"] .podium-row { background: var(--hd-surface); }
html[data-theme="dark"] .podium-row.is-rank-1 { background: linear-gradient(90deg, rgba(251,191,36,0.1) 0%, var(--hd-surface) 100%); }
html[data-theme="dark"] .podium-row.is-rank-2 { background: linear-gradient(90deg, rgba(203,213,225,0.15) 0%, var(--hd-surface) 100%); }
html[data-theme="dark"] .podium-row.is-rank-3 { background: linear-gradient(90deg, rgba(180,83,9,0.08) 0%, var(--hd-surface) 100%); }
html[data-theme="dark"] .trophy-box { background: var(--hd-surface-2); color: var(--hd-muted); }
html[data-theme="dark"] .is-rank-1 .trophy-box { background: #f59e0b; color: white; }
html[data-theme="dark"] .is-rank-2 .trophy-box { background: #8b82a8; color: white; }
html[data-theme="dark"] .is-rank-3 .trophy-box { background: #b45309; color: white; }
html[data-theme="dark"] .podium-name { color: var(--hd-ink); }
html[data-theme="dark"] .podium-votes { color: var(--hd-muted); }
html[data-theme="dark"] .vote-info-glyph { color: var(--hd-accent-ink); }
html[data-theme="dark"] .vote-info-title { color: var(--hd-ink); }
html[data-theme="dark"] .vote-info-text { color: var(--hd-muted); }
html[data-theme="dark"] .vote-reward-label { color: var(--hd-muted); }
html[data-theme="dark"] .vote-reward-value { color: var(--hd-ink); }
html[data-theme="dark"] .vote-reward-note { color: var(--hd-muted); }
html[data-theme="dark"] .vote-reward-note code { color: var(--hd-accent-ink); }
html[data-theme="dark"] .vote-party-card { background: radial-gradient(280px 200px at 100% 0%, rgba(217, 70, 239, 0.09), transparent 65%),
            radial-gradient(240px 180px at 0% 100%, rgba(107, 33, 168, 0.08), transparent 65%),
            var(--hd-surface); }
html[data-theme="dark"] .vp-title { color: var(--hd-ink); }
html[data-theme="dark"] .vp-sub { color: var(--hd-muted); }
html[data-theme="dark"] .vp-percent { color: rgb(240, 213, 127); }
html[data-theme="dark"] .vp-count { color: var(--hd-muted); }
html[data-theme="dark"] .vp-count strong { color: var(--hd-accent-ink); }
html[data-theme="dark"] .vp-hint { color: rgb(248, 175, 119); }
html[data-theme="dark"] .vote-party-card.is-complete .xp-bar-fill { background: repeating-linear-gradient(-45deg,
            #f59e0b 0 12px,
            var(--theme-yellow) 12px 24px) !important; }
html[data-theme="dark"] .vote-party-card.is-complete .vp-percent { color: rgb(248, 175, 119); }
html[data-theme="dark"] .vote-rewards-card { background: radial-gradient(320px 220px at 0% 0%, rgba(107, 33, 168, 0.07), transparent 70%),
            var(--hd-surface); }
html[data-theme="dark"] .vr-title { color: var(--hd-ink); }
html[data-theme="dark"] .vr-sub { color: var(--hd-muted); }
html[data-theme="dark"] .vr-note { color: var(--hd-muted); }
html[data-theme="dark"] .reward-tile { background: radial-gradient(160px 120px at 50% 0%, var(--tier-soft), transparent 75%), var(--hd-surface); }
html[data-theme="dark"] .reward-chance { color: color-mix(in srgb, var(--tier) 52%, #ffffff); }
html[data-theme="dark"] .reward-name { color: var(--hd-ink); }
html[data-theme="dark"] .reward-detail { color: var(--hd-muted); }
html[data-theme="dark"] .reward-tier { color: color-mix(in srgb, var(--tier) 52%, #ffffff); }
html[data-theme="dark"] .vote-site-card { background: radial-gradient(250px 190px at 100% 100%, var(--acc-soft, rgba(107, 33, 168, 0.07)), transparent 72%),
            var(--hd-surface); }
html[data-theme="dark"] .vote-site-card::after { background: linear-gradient(90deg, transparent, var(--royal-gold), transparent); }
html[data-theme="dark"] .vote-site-name { color: var(--hd-ink); }
html[data-theme="dark"] .vote-site-meta { color: var(--hd-muted); }
html[data-theme="dark"] .vote-site-action { color: color-mix(in srgb, var(--acc) 52%, #ffffff); }
html[data-theme="dark"] .vote-site-glyph { color: color-mix(in srgb, var(--acc) 52%, #ffffff); }
html[data-theme="dark"] .vote-site-card.is-locked { background: var(--hd-bg); }
html[data-theme="dark"] .vote-site-card.is-locked .vote-site-name { color: var(--hd-muted); }
html[data-theme="dark"] .vote-site-card.is-locked .vote-site-glyph { color: var(--hd-muted); }
html[data-theme="dark"] .vote-intro-deco .d3 { color: var(--hd-accent-ink); }
html[data-theme="dark"] .vote-summary { background: var(--hd-surface); color: var(--hd-muted); }
html[data-theme="dark"] .vote-summary strong { color: var(--hd-accent-ink); }
html[data-theme="dark"] .vote-site-card.is-ready { background: radial-gradient(260px 170px at 100% 0%, rgba(255, 255, 255, 0.22), transparent 70%), linear-gradient(135deg, var(--acc) 0%, var(--acc2) 100%); border-color: transparent; color: #fff; }
html[data-theme="dark"] .vote-site-card.is-ready::before { background: linear-gradient(105deg, transparent, rgba(255, 255, 255, 0.28), transparent); }
html[data-theme="dark"] .vote-site-card.is-ready:hover { border-color: transparent; }
html[data-theme="dark"] .vote-site-card.is-ready::after { background: linear-gradient(90deg, transparent, var(--royal-gold-light), transparent); }
html[data-theme="dark"] .vote-site-card.is-ready .vote-site-name { color: #fff; }
html[data-theme="dark"] .vote-site-card.is-ready .vote-site-meta { color: rgba(255, 255, 255, 0.78); }
html[data-theme="dark"] .vote-site-card.is-ready .vote-site-action { color: #fff; }
html[data-theme="dark"] .vote-site-card.is-ready:hover .vote-site-action i { color: var(--royal-gold-light); }
html[data-theme="dark"] .vote-site-card.is-ready .vote-site-glyph { color: #fff; }
html[data-theme="dark"] .vote-site-num { color: var(--hd-accent-ink); }
html[data-theme="dark"] .vote-site-card.is-ready .vote-site-num { background: rgba(255, 255, 255, 0.2); color: #fff; }
html[data-theme="dark"] .vote-site-status { color: var(--hd-muted); }
html[data-theme="dark"] .vote-site-card.is-ready .vote-site-status { background: rgba(255, 255, 255, 0.95); color: #166534; }
html[data-theme="dark"] .vote-site-card.is-locked .vote-site-status { color: var(--hd-accent-ink); }
html[data-theme="dark"] .vote-identify { background: var(--hd-surface); }
html[data-theme="dark"] .vg-card { background: radial-gradient(260px 200px at 100% 0%, var(--tone-soft), transparent 70%), var(--hd-surface); }
html[data-theme="dark"] .vg-icon { color: #fff; background: linear-gradient(135deg, var(--tone), var(--tone2)); }
html[data-theme="dark"] .vg-party .vg-icon { color: rgb(255, 214, 112); }
html[data-theme="dark"] .vg-title { color: var(--hd-ink); }
html[data-theme="dark"] .vg-count { color: color-mix(in srgb, var(--tone) 52%, #ffffff); }
html[data-theme="dark"] .vg-reward { background: var(--hd-surface); }
html[data-theme="dark"] .vg-reward-label { color: var(--hd-muted); }
html[data-theme="dark"] .vg-reward-name { color: var(--hd-ink); }
html[data-theme="dark"] .vg-chip { color: #fff; background: linear-gradient(135deg, var(--tone), var(--tone2)); }
html[data-theme="dark"] .vg-party .vg-chip { color: rgb(255, 214, 112); }
html[data-theme="dark"] .vg-reward-text { color: var(--hd-muted); }
html[data-theme="dark"] .vg-rank strong { color: rgb(240, 213, 127); }
html[data-theme="dark"] .vg-rank span { color: var(--hd-muted); }
html[data-theme="dark"] .vg-left { color: var(--hd-muted); }
html[data-theme="dark"] .vg-left strong { color: color-mix(in srgb, var(--tone) 52%, #ffffff); }
html[data-theme="dark"] .vg-card.is-done .vg-left { color: rgb(240, 213, 127); }
html[data-theme="dark"] .vlb-banner { color: var(--hd-accent-ink); }
html[data-theme="dark"] .vlb-tab { color: var(--hd-muted); }
html[data-theme="dark"] .vlb-tab:hover { color: var(--hd-accent-ink); }
html[data-theme="dark"] .vlb-tab.active { background: var(--hd-surface); color: var(--hd-accent-ink); }
html[data-theme="dark"] .vlb-me { color: var(--hd-muted); }
html[data-theme="dark"] .vlb-me i { color: var(--hd-accent-ink); }
html[data-theme="dark"] .vlb-me strong { color: var(--hd-accent-ink); }
html[data-theme="dark"] .podium-row.is-rank-1 .trophy-box::after { background: linear-gradient(105deg, transparent 30%, rgba(var(--hd-surface-rgb), 0.6) 50%, transparent 70%); }
/* --- views/profile/index.blade.php --- */
html[data-theme="dark"] .profile-sidebar { background: var(--hd-surface); }
html[data-theme="dark"] .profile-avatar { border-color: var(--hd-line); }
html[data-theme="dark"] .profile-card { background: var(--hd-surface); }
html[data-theme="dark"] .profile-card-header { border-bottom-color: rgba(255, 255, 255, 0.12); color: var(--hd-accent-ink); }
html[data-theme="dark"] .form-control-hypnosia { background-color: var(--hd-bg); }
html[data-theme="dark"] .form-control-hypnosia:focus { background-color: var(--hd-surface); }
html[data-theme="dark"] .pl-link-label { color: var(--hd-ink); }
html[data-theme="dark"] .pl-link-detail { color: var(--hd-muted); }
html[data-theme="dark"] .pl-badge.is-ok { background: rgb(21, 65, 37); color: rgb(132, 235, 171); }
html[data-theme="dark"] .pl-badge.is-ko { background: rgb(67, 20, 20); color: rgb(236, 131, 131); }
html[data-theme="dark"] .pl-badge.is-neutral { background: var(--hd-surface-2); color: var(--hd-muted); }
html[data-theme="dark"] .pl-link-help { background: var(--hd-bg); color: var(--hd-muted); }
html[data-theme="dark"] .pl-link-help code { color: var(--hd-accent-ink); }
/* --- assets/css/style.css --- */
html[data-theme="dark"] body { background-color: var(--hd-surface-2); }
html[data-theme="dark"] .btn-play { background-color: var(--theme-yellow); color: #000; }
html[data-theme="dark"] .btn-play:hover { color: var(--hd-ink); }
html[data-theme="dark"] .footer .social-links a:hover { color: var(--hd-accent-ink) !important; }
/* --- blocs (player-helpers, PHP) --- */
html[data-theme="dark"] .hb-card { background: var(--hd-surface); }
html[data-theme="dark"] .hb-accent, html[data-theme="dark"] .hb-step.hb-accent { color: #fff; background: linear-gradient(135deg, var(--royal-deep) 0%, var(--theme-purple) 55%, var(--theme-magenta) 130%); }
html[data-theme="dark"] .hb-dark, html[data-theme="dark"] .hb-step.hb-dark { color: #fff; background: radial-gradient(400px 260px at 100% 0%, rgba(217, 70, 239, 0.25), transparent 70%), #1c1430; }
html[data-theme="dark"] .hb-on-dark .hb-text, html[data-theme="dark"] .hb-on-dark .hb-stat-label, html[data-theme="dark"] .hb-on-dark summary { color: #fff; }
html[data-theme="dark"] .hb-step { background: var(--hd-surface); }
html[data-theme="dark"] .hb-step-title { color: var(--st-title-c, var(--hb-title-c, var(--hd-ink))); }
html[data-theme="dark"] .hb-on-dark .hb-step-title { color: var(--st-title-c, var(--hb-title-c, #fff)); }
html[data-theme="dark"] .hb-on-dark .hb-step-text { color: var(--st-text-c, rgba(255, 255, 255, 0.85)); }
html[data-theme="dark"] .hb-on-dark .hb-caption { color: rgba(255, 255, 255, 0.8); }
html[data-theme="dark"] .hb-step-text { color: var(--st-text-c, var(--hd-muted)); }
html[data-theme="dark"] .hb-mc-box { background: var(--mc-bg, #2b2b2b); }
html[data-theme="dark"] .hb-mc-input { color: #fff; background: #000; }
html[data-theme="dark"] button.hb-mc-input:hover, html[data-theme="dark"] button.hb-mc-input.is-copied { border-color: var(--mc-accent, rgb(33, 131, 33)); }
html[data-theme="dark"] .hb-mc-box.hb-mc-modern { background: var(--mc-bg, var(--hd-surface-2)); }
html[data-theme="dark"] .hb-mc-modern .hb-mc-label, html[data-theme="dark"] .hb-mc-pill .hb-mc-label { color: var(--hd-muted); }
html[data-theme="dark"] .hb-mc-modern .hb-mc-input { color: var(--hd-ink); background: var(--hd-surface); }
html[data-theme="dark"] .hb-mc-modern .hb-mc-input.is-copied { color: rgb(132, 235, 171); }
html[data-theme="dark"] .hb-mc-modern .hb-mc-btn { color: var(--mc-accent-ink, #fff); background: var(--mc-accent, #6b21a8); }
html[data-theme="dark"] .hb-mc-modern .hb-mc-btn:hover { background: var(--mc-accent, #6b21a8); }
html[data-theme="dark"] .hb-mc-modern .hb-mc-btn.is-copied { color: #fff; background: #16a34a; }
html[data-theme="dark"] .hb-mc-pill button.hb-mc-input { color: var(--mc-accent-ink, #fff); background: var(--mc-accent, #6b21a8); }
html[data-theme="dark"] .hb-mc-pill button.hb-mc-input.is-copied { color: #fff; background: #16a34a; }
/* --- plugin communaute : assets/css/style.css --- */
html[data-theme="dark"] .cm-intro-sub { color: var(--hd-muted); }
html[data-theme="dark"] .cm-side { background: var(--hd-surface); }
html[data-theme="dark"] .cm-side-link { color: var(--hd-text); }
html[data-theme="dark"] .cm-side-link:hover { color: var(--hd-accent-ink); }
html[data-theme="dark"] .cm-side-link.active { color: var(--hd-accent-ink); }
html[data-theme="dark"] .cm-side-count { color: var(--hd-accent-ink); }
html[data-theme="dark"] .cm-btn-soft { color: var(--hd-accent-ink) !important; }
html[data-theme="dark"] .cm-btn-danger { color: rgb(236, 131, 131) !important; }
html[data-theme="dark"] .cm-icon-btn { color: var(--hd-muted); }
html[data-theme="dark"] .cm-icon-btn:hover { color: rgb(236, 131, 131); }
html[data-theme="dark"] .cm-input, html[data-theme="dark"] .cm-select { background: var(--hd-surface); color: var(--hd-ink); }
html[data-theme="dark"] .cm-label { color: var(--hd-ink); }
html[data-theme="dark"] .cm-help { color: var(--hd-muted); }
html[data-theme="dark"] .cm-muted { color: var(--hd-muted); }
html[data-theme="dark"] .cm-check { color: var(--hd-text); }
html[data-theme="dark"] .cm-panel { background: var(--hd-surface); }
html[data-theme="dark"] .cm-panel-title { color: var(--hd-ink); }
html[data-theme="dark"] .cm-panel-title i { color: var(--hd-accent-ink); }
html[data-theme="dark"] .cm-panel-sub { color: var(--hd-muted); }
html[data-theme="dark"] .cm-count { color: var(--hd-accent-ink); }
html[data-theme="dark"] .cm-link-more { color: var(--hd-accent-ink); }
html[data-theme="dark"] .cm-alert-success { background: var(--hd-surface-2); color: rgb(138, 229, 173); border-color: var(--hd-line); }
html[data-theme="dark"] .cm-alert-danger { background: var(--hd-surface-2); color: rgb(234, 134, 134); border-color: rgb(131, 33, 33); }
html[data-theme="dark"] .cm-notice { color: var(--hd-text); }
html[data-theme="dark"] .cm-notice a { color: var(--hd-accent-ink); }
html[data-theme="dark"] .cm-search i { color: var(--hd-muted); }
html[data-theme="dark"] .cm-search input { background: var(--hd-surface); }
html[data-theme="dark"] .cm-filter-chip { background: var(--hd-surface); color: var(--hd-text); }
html[data-theme="dark"] .cm-filter-chip span { color: var(--hd-muted); }
html[data-theme="dark"] .cm-filter-chip:hover { color: var(--hd-accent-ink); }
html[data-theme="dark"] .cm-filter-chip.active { background: var(--cm-purple); border-color: var(--cm-purple); color: #fff; }
html[data-theme="dark"] .cm-results-meta { color: var(--hd-muted); }
html[data-theme="dark"] .cm-row { background: var(--hd-surface); }
html[data-theme="dark"] .cm-row.is-pinned { background: linear-gradient(90deg, rgba(232, 194, 90, 0.08), var(--hd-surface) 40%); }
html[data-theme="dark"] .cm-row-title { color: var(--hd-ink); }
html[data-theme="dark"] .cm-row-title:hover { color: var(--hd-accent-ink); }
html[data-theme="dark"] .cm-lock { color: var(--hd-muted); }
html[data-theme="dark"] .cm-row-excerpt { color: var(--hd-text); }
html[data-theme="dark"] .cm-meta { color: var(--hd-muted); }
html[data-theme="dark"] .cm-meta-name { color: var(--hd-text); }
html[data-theme="dark"] .cm-chip { color: var(--hd-text); }
html[data-theme="dark"] .cm-chip-gold { color: rgb(240, 213, 127); }
html[data-theme="dark"] .cm-staff-flag { color: rgb(132, 235, 171); }
html[data-theme="dark"] .cm-comments { color: var(--hd-muted); }
html[data-theme="dark"] .cm-comments span { color: var(--hd-ink); }
html[data-theme="dark"] .cm-comments:hover { color: var(--hd-accent-ink); }
html[data-theme="dark"] .cm-empty { color: var(--hd-muted); }
html[data-theme="dark"] .cm-empty > i { color: var(--hd-accent-ink); }
html[data-theme="dark"] .cm-per { color: var(--hd-muted); }
html[data-theme="dark"] .cm-pages .page-link { color: var(--hd-accent-ink); }
html[data-theme="dark"] .cm-pages .page-item.active .page-link { background: var(--cm-purple); border-color: var(--cm-purple); color: #fff; }
html[data-theme="dark"] .cm-st-neutral { background: var(--hd-surface-2); color: var(--hd-muted); }
html[data-theme="dark"] .cm-st-info { background: var(--hd-surface-2); color: var(--hd-accent-ink); }
html[data-theme="dark"] .cm-st-purple { background: var(--hd-surface-2); color: var(--hd-accent-ink); }
html[data-theme="dark"] .cm-st-success { background: rgb(21, 65, 37); color: rgb(132, 235, 171); }
html[data-theme="dark"] .cm-st-danger { background: rgb(67, 20, 20); color: rgb(236, 131, 131); }
html[data-theme="dark"] .cm-st-warning { background: rgb(67, 58, 20); color: rgb(249, 196, 118); }
html[data-theme="dark"] .cm-st-orange { background: rgb(67, 47, 20); color: rgb(247, 157, 121); }
html[data-theme="dark"] .cm-filter-chip.active.cm-chip-success { background: #15803d; border-color: #15803d; }
html[data-theme="dark"] .cm-filter-chip.active.cm-chip-danger { background: #b91c1c; border-color: #b91c1c; }
html[data-theme="dark"] .cm-filter-chip.active.cm-chip-warning { background: #a16207; border-color: #a16207; }
html[data-theme="dark"] .cm-filter-chip.active.cm-chip-orange { background: #c2410c; border-color: #c2410c; }
html[data-theme="dark"] .cm-vote-btn { background: var(--hd-surface); color: var(--hd-muted); }
html[data-theme="dark"] .cm-vote-btn:not(:disabled):hover { color: var(--hd-accent-ink); }
html[data-theme="dark"] .cm-vote-btn.is-on { background: var(--cm-purple); border-color: var(--cm-purple); color: #fff; }
html[data-theme="dark"] .cm-vote-btn.is-down.is-on { background: #ef4444; border-color: #ef4444; }
html[data-theme="dark"] .cm-vote-score { color: var(--hd-ink); }
html[data-theme="dark"] .cm-vote-score.is-pos { color: rgb(132, 235, 171); }
html[data-theme="dark"] .cm-vote-score.is-neg { color: rgb(236, 131, 131); }
html[data-theme="dark"] .cm-vote-label { color: var(--hd-muted); }
html[data-theme="dark"] .cm-crumbs { color: var(--hd-muted); }
html[data-theme="dark"] .cm-crumbs a { color: var(--hd-accent-ink); }
html[data-theme="dark"] .cm-post-title { color: var(--hd-ink); }
html[data-theme="dark"] .cm-fact span { color: var(--hd-muted); }
html[data-theme="dark"] .cm-fact strong { color: var(--hd-ink); }
html[data-theme="dark"] .cm-fact-severity-blocker { background: var(--hd-surface-2); border-color: rgb(131, 33, 33); }
html[data-theme="dark"] .cm-fact-severity-blocker strong { color: rgb(236, 131, 131); }
html[data-theme="dark"] .cm-fact-severity-major { background: var(--hd-surface-2); border-color: rgb(131, 85, 33); }
html[data-theme="dark"] .cm-section h3 { color: var(--hd-accent-ink); }
html[data-theme="dark"] .cm-prose { color: var(--hd-text); }
html[data-theme="dark"] .cm-prose a { color: var(--hd-accent-ink); }
html[data-theme="dark"] .cm-prose code { color: var(--hd-accent-ink); }
html[data-theme="dark"] .cm-thumb { background: var(--hd-surface-2); }
html[data-theme="dark"] .cm-linkcard { color: var(--hd-text); }
html[data-theme="dark"] .cm-linkcard > i:first-child { color: var(--hd-accent-ink); }
html[data-theme="dark"] .cm-linkcard small { color: var(--hd-muted); }
html[data-theme="dark"] .cm-mod-files { color: var(--hd-muted); }
html[data-theme="dark"] .cm-timeline li::before { background: var(--hd-surface); }
html[data-theme="dark"] .cm-timeline-meta { color: var(--hd-muted); }
html[data-theme="dark"] .cm-mod { background: linear-gradient(160deg, rgba(232, 194, 90, 0.07), var(--hd-surface) 50%); }
html[data-theme="dark"] .cm-mod-title { color: rgb(240, 213, 127); }
html[data-theme="dark"] .cm-discussion-title { color: var(--hd-ink); }
html[data-theme="dark"] .cm-comment.is-official { border-color: rgb(38, 125, 70); background: linear-gradient(160deg, var(--hd-surface-2), var(--hd-surface) 60%); }
html[data-theme="dark"] .cm-comment-head strong { color: var(--hd-ink); }
html[data-theme="dark"] .cm-comment-date { color: var(--hd-muted); }
html[data-theme="dark"] .cm-official { color: rgb(132, 235, 171); background: rgb(21, 65, 37); }
html[data-theme="dark"] .cm-similar { background: var(--hd-surface-2); border-color: rgb(131, 111, 33); }
html[data-theme="dark"] .cm-similar-head { color: rgb(243, 169, 125); }
html[data-theme="dark"] .cm-similar a { color: var(--hd-ink); }
html[data-theme="dark"] .cm-similar small { color: var(--hd-muted); }
html[data-theme="dark"] .cm-drop { color: var(--hd-text); }
html[data-theme="dark"] .cm-drop > i { color: var(--hd-accent-ink); }
html[data-theme="dark"] .cm-drop small { color: var(--hd-muted); }
html[data-theme="dark"] .cm-drop kbd { background: var(--hd-surface); color: var(--hd-ink); }
html[data-theme="dark"] .cm-upload { background: var(--hd-surface); }
html[data-theme="dark"] .cm-upload-icon { color: var(--hd-accent-ink); }
html[data-theme="dark"] .cm-upload-name { color: var(--hd-text); }
html[data-theme="dark"] .cm-upload-remove { color: var(--hd-muted); }
html[data-theme="dark"] .cm-upload-remove:hover { background: rgb(67, 20, 20); color: rgb(236, 131, 131); }
html[data-theme="dark"] .cm-upload.is-error { border-color: rgb(131, 33, 33); background: var(--hd-surface-2); }
html[data-theme="dark"] .cm-upload.is-error .cm-upload-name { color: rgb(236, 131, 131); }
html[data-theme="dark"] .cm-spin { border-top-color: var(--hd-line); }
html[data-theme="dark"] .cm-guide-card { background: linear-gradient(135deg, var(--tone-soft), var(--hd-surface) 75%); }
html[data-theme="dark"] .cm-guide-title { color: var(--hd-ink); }
html[data-theme="dark"] .cm-guide-text { color: var(--hd-text); }
html[data-theme="dark"] .cm-guide-text strong { color: color-mix(in srgb, var(--tone) 52%, #ffffff); }
html[data-theme="dark"] .cm-guide-text a { color: color-mix(in srgb, var(--tone) 52%, #ffffff); }
html[data-theme="dark"] .cm-mini-title { color: var(--hd-ink); }
html[data-theme="dark"] .cm-mini-meta { color: var(--hd-muted); }
html[data-theme="dark"] .cm-contrib-mini strong { color: var(--hd-ink); }
html[data-theme="dark"] .cm-contrib-mini small { color: var(--hd-muted); }
html[data-theme="dark"] .cm-rank { color: var(--hd-muted); }
html[data-theme="dark"] .cm-contrib.is-top { background: linear-gradient(90deg, rgba(232, 194, 90, 0.1), var(--hd-surface) 50%); }
html[data-theme="dark"] .cm-contrib-name { color: var(--hd-ink); }
html[data-theme="dark"] .cm-contrib-stat { color: rgb(132, 235, 171); }
html[data-theme="dark"] .cm-contrib-stat.is-muted { color: var(--hd-muted); }
html[data-theme="dark"] .cm-steps { color: var(--hd-text); }
html[data-theme="dark"] .cm-steps code { color: var(--hd-accent-ink); }
html[data-theme="dark"] .cm-denied-icon { color: var(--hd-accent-ink); }
html[data-theme="dark"] .cm-cl-search-label { color: var(--hd-ink); }
html[data-theme="dark"] .cm-cl-search-field > .bi-search { color: var(--hd-muted); }
html[data-theme="dark"] .cm-cl-search-box input { background: var(--hd-surface); color: var(--hd-ink); }
html[data-theme="dark"] .cm-cl-search-clear { color: var(--hd-muted); }
html[data-theme="dark"] .cm-cl-search-clear:hover { color: var(--hd-accent-ink); }
html[data-theme="dark"] .cm-cl-filter { background: var(--hd-surface); color: var(--hd-text); }
html[data-theme="dark"] .cm-cl-filter i { color: color-mix(in srgb, var(--cl) 52%, #ffffff); }
html[data-theme="dark"] .cm-cl-filter:hover { color: color-mix(in srgb, var(--cl) 52%, #ffffff); }
html[data-theme="dark"] .cm-cl-filter.active { background: var(--cl); border-color: var(--cl); color: #fff; }
html[data-theme="dark"] .cm-cl-meta { color: var(--hd-muted); }
html[data-theme="dark"] .cm-cl-meta strong { color: var(--hd-ink); }
html[data-theme="dark"] .cm-cl-toggle-all { background: var(--hd-surface); color: var(--hd-accent-ink); }
html[data-theme="dark"] .cm-cl { background: var(--hd-surface); }
html[data-theme="dark"] .cm-cl-sum:hover .cm-cl-title { color: var(--hd-accent-ink); }
html[data-theme="dark"] .cm-cl-title { color: var(--hd-ink); }
html[data-theme="dark"] .cm-cl-count { color: color-mix(in srgb, var(--cl) 52%, #ffffff); background: color-mix(in srgb, var(--cl) 12%, var(--hd-surface)); }
html[data-theme="dark"] .cm-cl-chevron { color: var(--hd-muted); }
html[data-theme="dark"] .cm-cl[open] .cm-cl-chevron { color: var(--hd-accent-ink); }
html[data-theme="dark"] .cm-cl-group-title { color: color-mix(in srgb, var(--cl) 52%, #ffffff); }
html[data-theme="dark"] .cm-cl-list { color: var(--hd-text); }
html[data-theme="dark"] .cm-cl-list li::marker { color: color-mix(in srgb, var(--cl) 52%, #ffffff); }
html[data-theme="dark"] .cm-cl-text code, html[data-theme="dark"] .cm-cl-summary code { color: var(--hd-ink); }
html[data-theme="dark"] .cm-cl-post { color: var(--hd-accent-ink); }
html[data-theme="dark"] .cm-cl-post:hover { background: var(--cm-purple); color: #fff; }
html[data-theme="dark"] .cm-cl-foot { color: var(--hd-muted); }
html[data-theme="dark"] .cm-cl-permalink { color: var(--hd-accent-ink); }
html[data-theme="dark"] .cm-cl-notice { background: var(--hd-surface); color: var(--hd-text); }
html[data-theme="dark"] .cm-cl-notice:hover { color: var(--hd-text); }
html[data-theme="dark"] .cm-cl-notice-label { color: var(--hd-muted); }
html[data-theme="dark"] .cm-cl-notice-title { color: var(--hd-ink); }
html[data-theme="dark"] .cm-cl-notice-counts span { color: color-mix(in srgb, var(--cl) 52%, #ffffff); }
html[data-theme="dark"] .cm-cl-notice-go { color: var(--hd-muted); }
html[data-theme="dark"] .cm-cl-delivered { color: rgb(138, 229, 173); }
html[data-theme="dark"] .cm-cl-delivered:hover { color: rgb(140, 227, 175); }
/* --- plugin boutique : assets/css/boutique.css --- */
html[data-theme="dark"] .cm-intro-sub { color: var(--hd-muted); }
html[data-theme="dark"] .hbq-intro-deco .d3 { color: var(--hd-accent-ink); }
html[data-theme="dark"] .hbq-side { background: var(--hd-surface); }
html[data-theme="dark"] .hbq-side-link { color: var(--hd-text); }
html[data-theme="dark"] .hbq-side-link:hover { background: var(--hbq-soft); color: var(--hbq-purple); }
html[data-theme="dark"] .hbq-side-link.active { color: var(--hd-accent-ink); }
html[data-theme="dark"] .hbq-trust-item strong { color: var(--hd-ink); }
html[data-theme="dark"] .hbq-trust-item > div > span { color: var(--hd-muted); }
html[data-theme="dark"] .hbq-btn-white { color: var(--hd-accent-ink) !important; background: var(--hd-surface); }
html[data-theme="dark"] .hbq-input { background: var(--hd-surface); color: var(--hd-ink); }
html[data-theme="dark"] .hbq-label { color: var(--hd-ink); }
html[data-theme="dark"] .hbq-help { color: var(--hd-muted); }
html[data-theme="dark"] .hbq-muted { color: var(--hd-muted); }
html[data-theme="dark"] .hbq-panel { background: var(--hd-surface); }
html[data-theme="dark"] .hbq-panel-title { color: var(--hd-ink); }
html[data-theme="dark"] .hbq-panel-title i { color: var(--hd-accent-ink); }
html[data-theme="dark"] .hbq-panel-sub { color: var(--hd-muted); }
html[data-theme="dark"] .hbq-alert-success { background: var(--hd-surface-2); color: rgb(138, 229, 173); border-color: var(--hd-line); }
html[data-theme="dark"] .hbq-alert-danger { background: var(--hd-surface-2); color: rgb(234, 134, 134); border-color: rgb(131, 33, 33); }
html[data-theme="dark"] .hbq-notice { color: var(--hd-text); background: linear-gradient(135deg, rgba(232, 194, 90, 0.16), rgba(var(--hd-surface-rgb), 0.6)); }
html[data-theme="dark"] .hbq-goal { background: radial-gradient(260px 200px at 100% 0%, rgba(217, 70, 239, 0.12), transparent 70%), var(--hd-surface); }
html[data-theme="dark"] .hbq-goal-title { color: var(--hd-ink); }
html[data-theme="dark"] .hbq-goal-text { color: var(--hd-muted); }
html[data-theme="dark"] .hbq-goal-pct { color: color-mix(in srgb, var(--tone) 52%, #ffffff); }
html[data-theme="dark"] .hbq-section-title { color: var(--hd-ink); }
html[data-theme="dark"] .hbq-section-sub { color: var(--hd-muted); }
html[data-theme="dark"] .hbq-card { background: radial-gradient(260px 200px at 100% 0%, var(--acc-soft), transparent 70%), var(--hd-surface); }
html[data-theme="dark"] .hbq-card::after { background: linear-gradient(90deg, transparent, var(--royal-gold, #c9a227), transparent); }
html[data-theme="dark"] .hbq-card-glyph { color: color-mix(in srgb, var(--acc) 52%, #ffffff); }
html[data-theme="dark"] .hbq-card-name { color: var(--hd-ink); }
html[data-theme="dark"] .hbq-card-name a:hover { color: color-mix(in srgb, var(--acc) 52%, #ffffff); }
html[data-theme="dark"] .hbq-card-kind { color: color-mix(in srgb, var(--acc) 52%, #ffffff); }
html[data-theme="dark"] .hbq-card-tag { color: var(--hd-text); }
html[data-theme="dark"] .hbq-feats li { color: var(--hd-text); }
html[data-theme="dark"] .hbq-feats li i { color: color-mix(in srgb, var(--acc) 52%, #ffffff); }
html[data-theme="dark"] .hbq-price { color: var(--hd-ink); }
html[data-theme="dark"] .hbq-price small { color: var(--hd-muted); }
html[data-theme="dark"] .hbq-price s { color: var(--hd-muted); }
html[data-theme="dark"] .hbq-save { color: rgb(132, 235, 171); background: rgb(21, 65, 37); }
html[data-theme="dark"] .hbq-crumbs { color: var(--hd-muted); }
html[data-theme="dark"] .hbq-crumbs a { color: var(--hd-accent-ink); }
html[data-theme="dark"] .hbq-detail-name { color: var(--hd-ink); }
html[data-theme="dark"] .hbq-detail-tag { color: var(--hd-muted); }
html[data-theme="dark"] .hbq-perk { background: linear-gradient(135deg, var(--acc-soft, rgba(107, 33, 168, 0.08)), var(--hd-surface) 75%); color: var(--hd-ink); }
html[data-theme="dark"] .hbq-perk i { color: color-mix(in srgb, var(--acc) 52%, #ffffff); }
html[data-theme="dark"] .hbq-prose { color: var(--hd-text); }
html[data-theme="dark"] .hbq-prose h2, html[data-theme="dark"] .hbq-prose h3 { color: var(--hd-ink); }
html[data-theme="dark"] .hbq-prose a { color: var(--hd-accent-ink); }
html[data-theme="dark"] .hbq-buy-price { color: var(--hd-ink); }
html[data-theme="dark"] .hbq-buy-price small { color: var(--hd-muted); }
html[data-theme="dark"] .hbq-buy-price s { color: var(--hd-muted); }
html[data-theme="dark"] .hbq-buy-note { color: var(--hd-muted); }
html[data-theme="dark"] .hbq-pay-row { color: var(--hd-muted); }
html[data-theme="dark"] .hbq-pay { background: var(--hd-surface); color: var(--hd-text); }
html[data-theme="dark"] .hbq-step-title { color: var(--hd-ink); }
html[data-theme="dark"] .hbq-choice { background: var(--hd-surface); }
html[data-theme="dark"] .hbq-choice-body strong { color: var(--hd-ink); }
html[data-theme="dark"] .hbq-choice-body small { color: var(--hd-muted); }
html[data-theme="dark"] .hbq-choice-body small.is-bad { color: rgb(236, 131, 131); }
html[data-theme="dark"] .hbq-msg.is-ok { color: rgb(132, 235, 171); }
html[data-theme="dark"] .hbq-msg.is-bad { color: rgb(236, 131, 131); }
html[data-theme="dark"] .hbq-check { color: var(--hd-text); }
html[data-theme="dark"] .hbq-check a { color: var(--hd-accent-ink); }
html[data-theme="dark"] .hbq-sum-prod strong { color: var(--hd-ink); }
html[data-theme="dark"] .hbq-sum-prod span { color: var(--hd-muted); }
html[data-theme="dark"] .hbq-sum-line { color: var(--hd-muted); }
html[data-theme="dark"] .hbq-sum-line.is-discount { color: rgb(132, 235, 171); }
html[data-theme="dark"] .hbq-sum-line.is-total { color: var(--hd-ink); }
html[data-theme="dark"] .hbq-secure { color: var(--hd-muted); }
html[data-theme="dark"] .hbq-status-icon.is-done { background: linear-gradient(135deg, #15803d, #22c55e); }
html[data-theme="dark"] .hbq-status-title { color: var(--hd-ink); }
html[data-theme="dark"] .hbq-status-text { color: var(--hd-muted); }
html[data-theme="dark"] .hbq-track > div { color: var(--hd-muted); }
html[data-theme="dark"] .hbq-track > div::before { background: var(--hd-surface); }
html[data-theme="dark"] .hbq-track > div.on { color: var(--hd-ink); }
html[data-theme="dark"] .hbq-track > div.on::before { border-color: var(--hbq-purple); background: var(--hbq-purple); }
html[data-theme="dark"] .hbq-track > div.on::after { background: linear-gradient(90deg, var(--hbq-purple), var(--hbq-magenta)); }
html[data-theme="dark"] .hbq-fact { background: var(--hbq-soft); }
html[data-theme="dark"] .hbq-fact span { color: var(--hd-muted); }
html[data-theme="dark"] .hbq-fact strong { color: var(--hd-ink); }
html[data-theme="dark"] .hbq-sub { background: radial-gradient(240px 160px at 100% 0%, rgba(168, 85, 247, 0.12), transparent 70%), var(--hd-surface); }
html[data-theme="dark"] .hbq-sub-body strong { color: var(--hd-ink); }
html[data-theme="dark"] .hbq-sub-meta { color: var(--hd-muted); }
html[data-theme="dark"] .hbq-sub.is-ended { background: var(--hd-bg); }
html[data-theme="dark"] .hbq-row { background: var(--hd-surface); }
html[data-theme="dark"] .hbq-row-title { color: var(--hd-ink); }
html[data-theme="dark"] .hbq-row-meta { color: var(--hd-muted); }
html[data-theme="dark"] .hbq-row-price { color: var(--hd-ink); }
html[data-theme="dark"] .hbq-st-secondary, html[data-theme="dark"] .hbq-st-light { background: var(--hd-surface-2); color: var(--hd-muted); }
html[data-theme="dark"] .hbq-st-info { background: var(--hd-surface-2); color: var(--hd-accent-ink); }
html[data-theme="dark"] .hbq-st-success { background: rgb(21, 65, 37); color: rgb(132, 235, 171); }
html[data-theme="dark"] .hbq-st-danger { background: rgb(67, 20, 20); color: rgb(236, 131, 131); }
html[data-theme="dark"] .hbq-st-warning { background: rgb(67, 58, 20); color: rgb(249, 196, 118); }
html[data-theme="dark"] .hbq-empty { color: var(--hd-muted); }
html[data-theme="dark"] .hbq-empty > i { color: var(--hd-accent-ink); }
html[data-theme="dark"] .hbq-pages .page-link { color: var(--hd-accent-ink); }
html[data-theme="dark"] .hbq-pages .page-item.active .page-link { background: var(--hbq-purple); border-color: var(--hbq-purple); color: #fff; }
html[data-theme="dark"] .hbq-secure a { color: var(--hd-accent-ink); }
html[data-theme="dark"] .hbq-qty { background: var(--hd-surface); }
html[data-theme="dark"] .hbq-qty-input { color: var(--hd-ink); background: var(--hd-surface); }
html[data-theme="dark"] .hbq-cart-line { background: radial-gradient(200px 120px at 100% 0%, var(--acc-soft, rgba(107, 33, 168, 0.08)), transparent 70%), var(--hd-surface); }
html[data-theme="dark"] .hbq-cart-name { color: var(--hd-ink); }
html[data-theme="dark"] .hbq-cart-name:hover { color: color-mix(in srgb, var(--acc) 52%, #ffffff); }
html[data-theme="dark"] .hbq-cart-unit { color: var(--hd-muted); }
html[data-theme="dark"] .hbq-cart-warn { color: rgb(236, 131, 131); }
html[data-theme="dark"] .hbq-cart-total s { color: var(--hd-muted); }
html[data-theme="dark"] .hbq-cart-total strong { color: var(--hd-ink); }
html[data-theme="dark"] .hbq-cart-remove { color: var(--hd-muted); }
html[data-theme="dark"] .hbq-cart-remove:hover { color: rgb(236, 131, 131); background: var(--hd-surface-2); border-color: rgb(131, 33, 33); }
html[data-theme="dark"] .hbq-sum-items li { color: var(--hd-text); }
html[data-theme="dark"] .hbq-sum-items li span:last-child { color: var(--hd-ink); }
html[data-theme="dark"] .hbq-sum-items em, html[data-theme="dark"] .hbq-order-lines em { color: var(--hd-accent-ink); }
html[data-theme="dark"] .hbq-order-lines li { color: var(--hd-ink); }
html[data-theme="dark"] .hbq-toast { color: rgb(140, 227, 175); background: var(--hd-surface-2); border-color: var(--hd-line); }
html[data-theme="dark"] .hbq-toast.is-bad { color: rgb(234, 134, 134); background: var(--hd-surface-2); border-color: rgb(131, 33, 33); }
html[data-theme="dark"] .hbq-toast-link { color: var(--hd-accent-ink); }
html[data-theme="dark"] .hbq-legal { color: var(--hd-muted); }
html[data-theme="dark"] .hbq-legal a { color: var(--hd-accent-ink); }