/* ============================================================
   VAR'KAL V3 — DÉMONIAQUE
   Palette autonome : noir abyssal, charbon brûlé, rouge infernal,
   cuivre incandescent. Aucun héritage chromatique d'un autre thème.
   ============================================================ */
body.vk-theme-demoniaque{
  --vk-theme-bg:#090506;--vk-theme-panel:#170a0c;--vk-theme-text:#f2ded8;
  --vk-theme-accent:#e12b24;--vk-theme-metal:#ff6b35;--vk-theme-border:#6f1818;
  --v3-night:#090506;--v3-coal:#170a0c;--v3-crimson:#e12b24;--v3-gold:#ff6b35;
  --v3-parchment:#f2ded8;--v3-muted:#b8958d;--v3-border:#6f1818;
  --v3-panel:linear-gradient(150deg,#1b0a0c,#0c0607 72%);
  --theme-surface:var(--v3-panel);--theme-outline:#7d1c19;
  --theme-button:linear-gradient(135deg,#7c100f,#e12b24 58%,#ff6b35);
  --theme-link:#ff7650;--theme-radius:3px;
  --extreme-accent:#e12b24;--extreme-link:#ff7650;--extreme-border:#7d1c19;
  --extreme-ink:#f2ded8;--extreme-muted:#b8958d;
  --extreme-input:#120809;
  background:
    radial-gradient(circle at 50% -12%,rgba(225,43,36,.24),transparent 34%),
    linear-gradient(145deg,#090506,#100607 55%,#050304);
  color:#f2ded8;
}
body.vk-theme-demoniaque.vk-mode-light{
  --vk-theme-bg:#e8d7d0;--vk-theme-panel:#f0e1db;--vk-theme-text:#2a1111;
  --vk-theme-accent:#9d1715;--vk-theme-metal:#bd4a25;--vk-theme-border:#8d3a31;
  --v3-night:#e8d7d0;--v3-coal:#dcc5bd;--v3-crimson:#9d1715;--v3-gold:#bd4a25;
  --v3-parchment:#2a1111;--v3-muted:#6f514a;--v3-border:#8d3a31;
  --v3-panel:linear-gradient(150deg,#f2e4df,#d9c1b9 76%);
  --theme-surface:var(--v3-panel);--theme-outline:#8d3a31;
  --theme-button:linear-gradient(135deg,#72100f,#a91d18 62%,#bd4a25);
  --theme-link:#8d1614;--extreme-accent:#9d1715;--extreme-link:#8d1614;
  --extreme-border:#8d3a31;--extreme-ink:#2a1111;--extreme-muted:#6f514a;
  --extreme-input:#f6ebe7;
  background:radial-gradient(circle at 50% -12%,rgba(157,23,21,.14),transparent 35%),linear-gradient(145deg,#e8d7d0,#d8c0b8);
  color:#2a1111;
}
body.vk-theme-demoniaque #topbar{background:color-mix(in srgb,var(--vk-theme-panel) 94%,#000);border-bottom:2px solid var(--vk-theme-accent);box-shadow:0 8px 28px rgba(0,0,0,.42)}
body.vk-theme-demoniaque #topbar::after{content:"";position:absolute;left:12%;right:12%;bottom:-2px;height:2px;background:linear-gradient(90deg,transparent,var(--vk-theme-metal),var(--vk-theme-accent),var(--vk-theme-metal),transparent);pointer-events:none}
body.vk-theme-demoniaque #topbar .logo img{filter:drop-shadow(0 0 9px color-mix(in srgb,var(--vk-theme-accent) 55%,transparent))}
body.vk-theme-demoniaque #menu{background:color-mix(in srgb,var(--vk-theme-panel) 92%,#000);border-color:var(--vk-theme-border)}
body.vk-theme-demoniaque #menu a:hover,body.vk-theme-demoniaque #menu a:focus-visible{color:var(--vk-theme-metal);background:color-mix(in srgb,var(--vk-theme-accent) 17%,transparent)}
body.vk-theme-demoniaque footer{background:color-mix(in srgb,var(--vk-theme-panel) 96%,#000);border-top:2px solid var(--vk-theme-accent);color:var(--vk-theme-text)}
body.vk-theme-demoniaque footer a{color:var(--theme-link)}
body.vk-theme-demoniaque :is(.btn,.button,.bt,.admin-save,.vk-home-btn){border:1px solid var(--vk-theme-accent)!important;border-radius:3px!important;background:var(--theme-button)!important;color:#fff1eb!important;box-shadow:0 5px 16px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,145,90,.22)!important}
body.vk-theme-demoniaque :is(.btn,.button,.bt,.admin-save,.vk-home-btn):hover{filter:brightness(1.14);border-color:var(--vk-theme-metal)!important}
body.vk-theme-demoniaque :is(.form,.login-box,.admin-content,.admin-sidebar,.vip-panel,.vip-sidebar,.folder-block,.roman-card,.vk-home-fact,.vk-home-book,.vk-home-feature,.vk-home-prose,.vk-home-start,.vk-home-community,.vk-home-badge-card,.vk-home-enquetes){background:var(--v3-panel)!important;border-color:var(--vk-theme-border)!important;color:var(--vk-theme-text)!important}
body.vk-theme-demoniaque :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--extreme-input)!important;border-color:var(--vk-theme-border)!important;color:var(--vk-theme-text)!important}
body.vk-theme-demoniaque :is(h1,h2,h3,.h1,.h2,.h3){color:var(--vk-theme-metal)}
body.vk-theme-demoniaque a{accent-color:var(--vk-theme-accent)}

/* Aperçu admin : mêmes tokens que le thème réel. */
.vk-theme-choice-demoniaque{--vk-theme-bg:#090506;--vk-theme-panel:#170a0c;--vk-theme-text:#f2ded8;--vk-theme-accent:#e12b24;--vk-theme-metal:#ff6b35;--vk-theme-border:#6f1818;}
.vk-theme-form:has(input[name="mode"][value="light"]:checked) .vk-theme-choice-demoniaque{--vk-theme-bg:#e8d7d0;--vk-theme-panel:#f0e1db;--vk-theme-text:#2a1111;--vk-theme-accent:#9d1715;--vk-theme-metal:#bd4a25;--vk-theme-border:#8d3a31;}
.vk-theme-choice-demoniaque .vk-theme-mock{border-radius:2px;box-shadow:inset 0 0 22px color-mix(in srgb,var(--vk-theme-accent) 18%,transparent)}
.vk-theme-choice-demoniaque .vk-theme-mock-hero{clip-path:polygon(0 0,94% 0,100% 20%,97% 100%,6% 100%,0 78%)}
.vk-theme-choice-demoniaque .vk-theme-mock-cards i:nth-child(2){transform:translateY(-3px) skewX(-4deg)}

/* === V3.4 BACKGROUND SAFEGUARD === */
body.vk-theme-demoniaque {
    background-image:
        radial-gradient(circle at 82% 12%, color-mix(in srgb, var(--vk-theme-accent) 10%, transparent), transparent 34%),
        linear-gradient(145deg, color-mix(in srgb, var(--vk-theme-bg) 82%, transparent), color-mix(in srgb, var(--vk-theme-bg) 90%, #000)),
        url('../bckgnd.png') !important;
    background-position:center, center, center !important;
    background-size:auto, auto, cover !important;
    background-repeat:no-repeat, no-repeat, no-repeat !important;
    background-attachment:fixed, fixed, fixed !important;
}


/* V3.6 — fond global Var'Kal : ne jamais perdre bckgnd.png */
body.vk-theme-demoniaque {
    background-image: url('../bckgnd.png') !important;
    background-repeat: repeat !important;
    background-position: top left !important;
    background-attachment: fixed !important;
}


/* ==========================================================
   HOME — raccord final à la palette réelle du thème
   Neutralise les anciennes couleurs historiques codées en dur
   tout en conservant la géométrie propre à demoniaque.
   ========================================================== */
body.vk-theme-demoniaque .vk-home {
    --vk-bg: var(--vk-theme-bg) !important;
    --vk-panel: var(--vk-theme-panel) !important;
    --vk-border: color-mix(in srgb,var(--vk-theme-border) 72%,transparent) !important;
    --vk-accent: var(--vk-theme-accent) !important;
    --vk-accent-soft: var(--vk-theme-metal) !important;
    --vk-text: var(--vk-theme-text) !important;
    --vk-muted: color-mix(in srgb,var(--vk-theme-text) 70%,var(--vk-theme-bg)) !important;
    --vk-dark: var(--vk-theme-bg) !important;
}
body.vk-theme-demoniaque .vk-home-hero {
    border-color: var(--vk-theme-border) !important;
    background:
        radial-gradient(circle at 78% 28%,color-mix(in srgb,var(--vk-theme-accent) 22%,transparent),transparent 34%),
        linear-gradient(135deg,color-mix(in srgb,var(--vk-theme-panel) 94%,var(--vk-theme-bg)),var(--vk-theme-bg)) !important;
}
body.vk-theme-demoniaque .vk-home-hero::before {
    background:
        linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px) !important;
    background-size:45px 45px !important;
}
body.vk-theme-demoniaque :is(.vk-home-fact,.vk-home-book,.vk-home-feature,.vk-home-prose,.vk-home-start,.vk-home-community,.vk-home-badge-card,.vk-home-enquetes,.vk-home-faq details,.vk-home-step) {
    border-color: color-mix(in srgb,var(--vk-theme-border) 72%,transparent) !important;
    background: linear-gradient(145deg,color-mix(in srgb,var(--vk-theme-panel) 96%,var(--vk-theme-bg)),var(--vk-theme-panel)) !important;
}
body.vk-theme-demoniaque .vk-home-btn {
    border-color: var(--vk-theme-border) !important;
    background: linear-gradient(135deg,color-mix(in srgb,var(--vk-theme-accent) 78%,#000),var(--vk-theme-accent)) !important;
    color: var(--vk-theme-text) !important;
    box-shadow:0 10px 24px color-mix(in srgb,var(--vk-theme-accent) 25%,transparent) !important;
}
body.vk-theme-demoniaque .vk-home-btn-secondary {
    border-color:color-mix(in srgb,var(--vk-theme-metal) 55%,transparent) !important;
    background:color-mix(in srgb,var(--vk-theme-panel) 88%,transparent) !important;
    color:var(--vk-theme-metal) !important;
}
body.vk-theme-demoniaque :is(.vk-home-kicker,.vk-home-badge-icon,.vk-home-badge-link,.vk-home-book-number,.vk-home-book-links a,.vk-home-pill strong,.vk-home-feature a,.vk-home-step h3) {
    color:var(--vk-theme-metal) !important;
}
body.vk-theme-demoniaque .vk-home-badge-progress span {
    background:linear-gradient(90deg,var(--vk-theme-accent),var(--vk-theme-metal)) !important;
}


/* HOME — indicateurs strictement alignés sur la palette du thème */
body.vk-theme-demoniaque .vk-home-badge-progress {
    background: color-mix(in srgb,var(--vk-theme-border) 35%,transparent) !important;
    accent-color: var(--vk-theme-accent) !important;
}
body.vk-theme-demoniaque .vk-home-badge-progress::-webkit-progress-bar {
    background: color-mix(in srgb,var(--vk-theme-border) 35%,transparent) !important;
    border-radius: 999px;
}
body.vk-theme-demoniaque .vk-home-badge-progress::-webkit-progress-value {
    background: linear-gradient(90deg,var(--vk-theme-accent),var(--vk-theme-metal)) !important;
    border-radius: 999px;
}
body.vk-theme-demoniaque .vk-home-badge-progress::-moz-progress-bar {
    background: linear-gradient(90deg,var(--vk-theme-accent),var(--vk-theme-metal)) !important;
    border-radius: 999px;
}
body.vk-theme-demoniaque .vk-home-enquetes::after {
    background: linear-gradient(180deg,transparent,var(--vk-theme-accent),var(--vk-theme-metal),transparent) !important;
}