/* Design system global — déclinaison de la DA noir-vert / lime / cyan. */
html[data-theme="dark"] body { background:#06130d; color:#eaf5eb; }
html[data-theme="dark"] :is(.vp-header,.site-header,.wp-blog-header) { border-color:#213b31!important; background:rgba(5,18,12,.94)!important; }
html[data-theme="dark"] :is(.vp-header .vp-button--header,.wp-blog-header .nav-cta,.site-header .nav-cta,.btn) { border-radius:999px; background:#b6ff2d!important; color:#06130d!important; box-shadow:0 12px 30px rgba(182,255,45,.13)!important; }
html[data-theme="dark"] :is(.vp-commercial-page,.legal-layout,.error-main,.thank-you,main) { background-color:#06130d; }

/* Pages commerciales */
html[data-theme="dark"] .vp-commercial-hero { padding-block:104px 92px; border-color:#213b31; background:linear-gradient(135deg,#06130d,#0b2117); }
html[data-theme="dark"] .vp-commercial-hero::before,html[data-theme="dark"] .vp-commercial-hero::after { opacity:.35; }
html[data-theme="dark"] .vp-commercial-hero h1,
html[data-theme="dark"] :is(.vp-commercial-page .vp-section h2,.vp-commercial-page .vp-final-cta h2,.vp-commercial-page .vp-form-copy h2) { color:#f1fff1; font-family:var(--vp-font); font-weight:900; letter-spacing:-.065em; line-height:.94; }
html[data-theme="dark"] .vp-commercial-hero h1 { font-size:clamp(52px,6vw,92px); max-width:10ch; }
html[data-theme="dark"] .vp-commercial-hero h1 em { color:#b6ff2d; }
html[data-theme="dark"] .vp-commercial-hero__lead { color:#c7dbcc; }
html[data-theme="dark"] :is(.vp-commercial-page .vp-section,.vp-commercial-page .vp-section--soft,.vp-commercial-page .vp-section--warm) { background:#07170f; border-color:#213b31; }
html[data-theme="dark"] :is(.vp-commercial-page .vp-section:nth-of-type(even),.vp-commercial-page .vp-section--muted) { background:#0a1f15; }
html[data-theme="dark"] :is(.vp-commercial-page article,.vp-commercial-page .vp-scope-card,.vp-commercial-page .vp-inclusion-panel,.vp-commercial-page .vp-price-breakdown-grid article,.vp-commercial-page .vp-model-grid article,.vp-commercial-page .vp-comparison,.vp-commercial-page .vp-lead-form) { border-color:#2b493b; background:#0c2117; box-shadow:none; }
html[data-theme="dark"] :is(.vp-commercial-page h3,.vp-commercial-page h4,.vp-commercial-page strong) { color:#f1fff1; }
html[data-theme="dark"] :is(.vp-commercial-page p,.vp-commercial-page li,.vp-commercial-page td) { color:#bdd1c1; }
html[data-theme="dark"] :is(.vp-commercial-page .vp-price-poster,.vp-commercial-page .is-highlighted,.vp-commercial-page .vp-inclusion-panel--yes) { background:#b6ff2d; color:#06130d; }
html[data-theme="dark"] :is(.vp-commercial-page .vp-price-poster *, .vp-commercial-page .is-highlighted *, .vp-commercial-page .vp-inclusion-panel--yes *) { color:#06130d!important; }
html[data-theme="dark"] .vp-commercial-page .vp-final-cta { background:#0b2117; border-color:#213b31; }

/* Blog */
html[data-theme="dark"] :is(.hero,.article-head,.pillar-hero) { background:#06130d; }
html[data-theme="dark"] :is(.hero h1,.article-head h1,.pillar-shell h1,.article-content h2,.article-content h3,.related h2) { color:#f1fff1!important; font-family:var(--blog-sans, var(--vp-font)); font-weight:900; letter-spacing:-.06em; line-height:.98; }
html[data-theme="dark"] :is(.silo-card,.toc,.key-takeaway,.pillar-return,.action-panel,.article-hero) { border-color:#2b493b!important; background:#0c2117!important; box-shadow:none!important; }
html[data-theme="dark"] .silo-card { position:relative; overflow:hidden; background:#0c2117!important; }
html[data-theme="dark"] .silo-card>img { position:relative; z-index:0; filter:brightness(.28) contrast(1.18) saturate(.72) hue-rotate(22deg); }
html[data-theme="dark"] .silo-card::after { position:absolute; z-index:1; inset:0; background:linear-gradient(145deg,rgba(6,19,13,.44),rgba(6,19,13,.78) 72%),radial-gradient(circle at 84% 14%,rgba(182,255,45,.2),transparent 32%),radial-gradient(circle at 8% 96%,rgba(84,198,237,.13),transparent 34%); content:""; pointer-events:none; }
html[data-theme="dark"] .silo-card-body { position:relative; z-index:2; background:#0c2117; }
html[data-theme="dark"] .article-hero { filter:brightness(.58) contrast(1.1) saturate(.75) hue-rotate(18deg); }
html[data-theme="dark"] :is(.article-content p,.article-content li,.article-meta,.breadcrumb,.toc a,.silo-card p,.key-takeaway p,.action-panel li) { color:#bdd1c1!important; }
html[data-theme="dark"] :is(.key-takeaway,.pillar-return) { border-left:3px solid #b6ff2d!important; }
html[data-theme="dark"] :is(.cta,.related) { background:#0b2117!important; }
html[data-theme="dark"] :is(.mini-card,.related .mini-card) { border-color:#2b493b!important; background:#10281c!important; color:#f1fff1!important; font-family:var(--blog-sans, var(--vp-font)); font-weight:850; }
html[data-theme="dark"] .reading-progress { background:#b6ff2d; }

/* Blog : même composition de navigation que l'accueil (logo / liens centrés / actions). */
.wp-blog-header .nav-wrap { display:grid!important; grid-template-columns:auto 1fr auto; gap:28px; min-height:78px!important; }
.wp-blog-header .container { width:min(calc(100% - 40px),1180px)!important; }
.wp-blog-header .nav-right { justify-content:center; gap:28px!important; margin-left:0!important; }
.wp-blog-header .premium-blog-brand { color:var(--vp-ink-deep,#f1fff1)!important; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important; font-size:19px!important; font-weight:900; letter-spacing:-.04em; line-height:1!important; }
.wp-blog-header .premium-blog-brand>img { width:38px!important; height:38px!important; }
.wp-blog-header .premium-blog-brand>span>span { color:var(--vp-green,#78c4a0)!important; }
.wp-blog-header .nav-right a { font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important; font-size:14px!important; font-weight:800!important; }
html[data-theme="dark"] .wp-blog-header .nav-right a { color:#f1fff1!important; }
html[data-theme="dark"] .wp-blog-header .nav-right a[aria-current=page] { color:#b6ff2d!important; }
html[data-theme="dark"] .wp-blog-header .premium-blog-brand>span { color:#f1fff1!important; }
html[data-theme="dark"] .wp-blog-header .premium-blog-brand>span>span { color:#78c4a0!important; }
html[data-theme="dark"] .wp-blog-header .wp-blog-actions .nav-cta { border-radius:999px!important; background:#b6ff2d!important; color:#06130d!important; box-shadow:0 12px 30px rgba(182,255,45,.16)!important; }
html[data-theme="dark"] .wp-blog-header .wp-blog-actions .nav-cta { width:197px; min-height:42px!important; padding:9px 15px!important; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important; }
html[data-theme="dark"] .wp-blog-header .theme-switch { padding:1px 6px!important; border-color:#345547!important; background:#0c2117!important; color:#f1fff1!important; }
@media (max-width:640px) { .wp-blog-header .nav-wrap { display:flex!important; min-height:64px!important; } }

/* Le composant est aussi chargé par les pages HTML statiques, sans CSS de page PHP. */
.wp-blog-header .vp-header__inner,.wp-static-header .vp-header__inner { width:min(calc(100% - 40px),1180px); display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:28px; min-height:78px; margin-inline:auto; }
.wp-blog-header .vp-brand,.wp-static-header .vp-brand { display:inline-flex; align-items:center; gap:10px; color:#173b32; font:900 19px/1 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; letter-spacing:-.04em; text-decoration:none; }
.wp-blog-header .vp-brand img,.wp-static-header .vp-brand img { width:38px; height:38px; }.wp-blog-header .vp-brand__name>span,.wp-static-header .vp-brand__name>span { color:#2f6b56; font-style:italic; }
.wp-blog-header .vp-nav,.wp-static-header .vp-nav { display:flex; justify-content:center; gap:28px; }.wp-blog-header .vp-nav a,.wp-static-header .vp-nav a { color:#173b32; font:800 14px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; text-decoration:none; }
.wp-blog-header .vp-header__actions,.wp-static-header .vp-header__actions { display:flex; align-items:center; gap:10px; }.wp-blog-header .vp-header__actions .theme-switch,.wp-static-header .vp-header__actions .theme-switch { display:grid; width:40px; height:40px; place-items:center; padding:1px 6px; border:1px solid #d9ded5; border-radius:50%; background:#fff; cursor:pointer; }.wp-blog-header .vp-button--header,.wp-static-header .vp-button--header { display:inline-flex; width:197px; min-height:42px; align-items:center; justify-content:center; padding:9px 15px; border-radius:999px; background:#173b32; color:#fff; font:800 13px/1.25 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; text-decoration:none; }
.wp-blog-header .vp-mobile-menu,.wp-static-header .vp-mobile-menu { display:none; }
html[data-theme="dark"] :is(.wp-blog-header,.wp-static-header) .vp-brand,html[data-theme="dark"] :is(.wp-blog-header,.wp-static-header) .vp-nav a { color:#f1fff1; }html[data-theme="dark"] :is(.wp-blog-header,.wp-static-header) .vp-brand__name>span { color:#78c4a0; }html[data-theme="dark"] :is(.wp-blog-header,.wp-static-header) .vp-nav a[aria-current=page] { color:#b6ff2d; }html[data-theme="dark"] :is(.wp-blog-header,.wp-static-header) .vp-button--header { background:#b6ff2d; color:#06130d; }html[data-theme="dark"] :is(.wp-blog-header,.wp-static-header) .theme-switch { border-color:#345547; background:#0c2117; color:#f1fff1; }
@media (max-width:640px) { .wp-blog-header .vp-header__inner,.wp-static-header .vp-header__inner { display:flex; min-height:64px; }.wp-blog-header .vp-nav,.wp-static-header .vp-nav,.wp-blog-header .vp-header__actions,.wp-static-header .vp-header__actions { display:none; }.wp-blog-header .vp-mobile-menu,.wp-static-header .vp-mobile-menu { display:block; margin-left:auto; } }

/* Pages légales, confirmation et 404 */
html[data-theme="dark"] :is(.legal-hero,.legal-content-section,.error-main,.thank-you) { background:#06130d!important; }
html[data-theme="dark"] :is(.legal-card,.legal-sidebar,.legal-highlight,.thank-you-card,.error-card) { border-color:#2b493b!important; background:#0c2117!important; box-shadow:none!important; }
html[data-theme="dark"] :is(.legal-layout h1,.legal-layout h2,.legal-layout h3,.thank-you h1,.error-main h1) { color:#f1fff1!important; font-family:var(--vp-font); font-weight:900; letter-spacing:-.06em; }
html[data-theme="dark"] :is(.legal-layout p,.legal-layout li,.thank-you p,.error-main p) { color:#bdd1c1!important; }

/* Formulaires et footer communs */
html[data-theme="dark"] :is(input,textarea,select) { border-color:#36594a!important; background:#07170f!important; color:#f1fff1!important; }
html[data-theme="dark"] :is(.vp-footer,.site-footer) { border-color:#213b31!important; background:#050f0a!important; }
html[data-theme="dark"] :is(.vp-footer p,.vp-footer a,.site-footer p,.site-footer a) { color:#bdd1c1; }

@media (max-width:760px) {
    html[data-theme="dark"] .vp-commercial-hero { padding-block:66px 58px; }
    html[data-theme="dark"] .vp-commercial-hero h1 { font-size:clamp(45px,13vw,64px); }
}

/* Navbar blog/article: keep the shared theme control perfectly centered. */
.wp-blog-header .vp-header__actions .theme-switch,
.wp-static-header .vp-header__actions .theme-switch {
    box-sizing: border-box;
    flex: 0 0 40px;
    padding: 0 !important;
    line-height: 1;
}

.wp-blog-header .vp-header__actions .theme-switch > span,
.wp-static-header .vp-header__actions .theme-switch > span {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    line-height: 1;
    transform: translateY(-0.5px);
}