/* GÉNÉRÉ par frontend/design_couleurs.py : ne pas éditer à la main.
   Couleurs écrites en dur dans la page « micro_onduleur_vs_central_2026 », redites avec les jetons V2. */
body.plan main{--navy:var(--p-fort);--navy-700:var(--p-fort);--ink:var(--p-fort);--ink2:var(--p-texte2);--text:var(--p-texte2);--text-muted:var(--p-texte2);--muted:var(--p-texte2);--border:var(--p-trait-doux);--border-strong:var(--p-trait);--line:var(--p-trait-doux);--bg:var(--p-surface-fort);--surface:var(--p-surface-fort);--card:var(--p-surface-fort);--bg-soft:var(--p-survol);--bg-warm:var(--p-survol);--orange-50:var(--p-orange-voile);--yellow-50:var(--p-or-voile);--navy-50:var(--p-survol);--orange-600:var(--p-orange-vif);--orange-700:var(--p-or-petit);--teal:var(--p-cyan);--teal-50:var(--p-survol);--good:var(--p-vert);--good-50:transparent;--green:var(--p-vert);--green-50:transparent;--red:var(--p-rouge);--red-50:transparent;--violet:var(--p-rouge);--violet-50:transparent;--warn:var(--p-ambre);--warn-50:transparent;--bad:var(--p-rouge);--shadow-sm:none;--shadow-md:none;--shadow-lg:4px 4px 0 var(--p-ombre);--shadow-s:none;--shadow-m:none;--shadow-l:4px 4px 0 var(--p-ombre);--mono:var(--p-mono)}
body.plan main h1{color:var(--ink)}
body.plan main h2{color:var(--ink)}
body.plan main h3{color:var(--ink)}
body.plan main h4{color:var(--ink)}
body.plan main a{color:inherit}
body.plan main button{border:0}
body.plan main button{background:none}
body.plan main button{color:inherit}
body.plan main ::selection{background:var(--yellow)}
body.plan main ::selection{color:var(--p-sur-orange)}
body.plan main .article-prose h2{border-left:4px solid var(--violet)}
body.plan main .article-prose h3{color:var(--ink)}
body.plan main .article-prose p{color:var(--text)}
body.plan main .article-prose ul li{color:var(--text)}
body.plan main .article-prose strong{color:var(--ink)}
body.plan main .article-prose a{color:var(--violet)}
body.plan main .section-sep{background:linear-gradient(to right, transparent, var(--border-strong), transparent)}
body.plan main .section-sep{border:0}
body.plan main .art-table th{background:var(--p-plein-marine)}
body.plan main .art-table th{color:#fff}
body.plan main .art-table td{border-bottom:1px solid var(--border)}
body.plan main .art-table tr:nth-child(even) td{background:var(--bg-soft)}
body.plan main .faq-row:nth-child(odd){background:var(--bg)}
body.plan main .faq-row:nth-child(even){background:var(--bg-soft)}
body.plan main .mo-hero{background:var(--bg-soft)}
body.plan main .mo-hero{border-bottom:1px solid var(--border)}
body.plan main .mo-crumb{color:var(--text-muted)}
body.plan main .mo-crumb a{color:var(--text-muted)}
body.plan main .mo-crumb a:hover{color:var(--violet)}
body.plan main .eyebrow{color:var(--violet)}
body.plan main .eyebrow{background:color-mix(in oklch, var(--violet) 10%, transparent)}
body.plan main .eyebrow{border-radius:999px !important}
body.plan main .eyebrow.orange{color:var(--p-fort)}
body.plan main .eyebrow.orange{background:color-mix(in oklch, var(--orange) 10%, transparent)}
body.plan main .eyebrow .dot{background:currentColor}
body.plan main .eyebrow .dot{border-radius:999px !important}
body.plan main .mo-badge{color:var(--p-or-petit)}
body.plan main .mo-badge{background:var(--yellow-50)}
body.plan main .mo-badge{border:1.5px solid var(--yellow)}
body.plan main .mo-badge{border-radius:999px !important}
body.plan main .mo-badge .dot{background:var(--yellow)}
body.plan main .mo-badge .dot{border-radius:999px !important}
body.plan main .mo-dim{color:var(--text-muted)}
body.plan main .mo-h1{color:var(--ink)}
body.plan main .mo-lede{color:var(--text-muted)}
body.plan main .mo-lede{border-bottom:1px solid var(--border)}
body.plan main .kp{background:var(--bg-warm)}
body.plan main .kp-bar{background:var(--p-plein-marine)}
body.plan main .kp-head{color:var(--ink)}
body.plan main .kp li{color:var(--text)}
body.plan main .kp li .arw{color:var(--violet)}
body.plan main .svg-wrap{background:var(--bg-soft)}
body.plan main .svg-wrap{border:1px solid var(--border)}
body.plan main .svg-cap{color:var(--text-muted)}
body.plan main .infobox{color:var(--text)}
body.plan main .infobox.info{background:var(--navy-50)}
body.plan main .infobox.info{border-left:4px solid var(--navy)}
body.plan main .infobox.warning{background:var(--yellow-50)}
body.plan main .infobox.warning{border-left-color:var(--p-ambre)}
body.plan main .infobox.success{background-color:var(--p-survol)}
body.plan main .infobox.success{border-left-color:var(--p-vert)}
body.plan main .marque{border:1px solid var(--border)}
body.plan main .marque .bar{background:var(--acc)}
body.plan main .marque .ttl{color:var(--ink)}
body.plan main .marque .st{background:var(--bg-soft)}
body.plan main .marque .st .v.prix{color:var(--acc-t, var(--acc))}
body.plan main .marque .st .v.gar{color:var(--ink)}
body.plan main .marque .st .cap{color:var(--text-muted)}
body.plan main .marque .desc{color:var(--text)}
body.plan main details.faq-row{border-bottom:1px solid var(--border)}
body.plan main details.faq-row > summary{color:var(--ink)}
body.plan main details.faq-row > summary .chev{color:var(--violet)}
body.plan main details.faq-row .faq-a{color:var(--text)}
body.plan main .toc{background:var(--bg)}
body.plan main .toc{border:1px solid var(--border)}
body.plan main .toc-h{color:var(--text-muted)}
body.plan main .toc a{color:var(--text)}
body.plan main .toc a{border-left:3px solid transparent}
body.plan main .toc a:hover{color:var(--violet)}
body.plan main .toc a.active{color:var(--violet)}
body.plan main .toc a:hover{background:var(--violet-50)}
body.plan main .toc a.active{background:var(--violet-50)}
body.plan main .toc a:hover{border-left-color:var(--violet)}
body.plan main .toc a.active{border-left-color:var(--violet)}
body.plan main .toc-cta{border-top:1px solid var(--border)}
body.plan main .btn-violet{background:var(--p-plein-marine)}
body.plan main .btn-violet{color:#fff}
body.plan main .article-prose a.btn-violet{color:#fff}
body.plan main .toc a.btn-violet{color:#fff}
body.plan main .mo-cta{background:var(--bg-soft)}
body.plan main .mo-cta{border-top:1px solid var(--border)}
body.plan main .mo-cta h2{color:var(--ink)}
body.plan main .mo-cta p{color:var(--text-muted)}
body.plan main [style*="color:#15803D"]{color:var(--p-vert) !important}
body.plan main [style*="color:#B45309"]{color:var(--p-ambre) !important}
body.plan main [style*="color:#B91C1C"]{color:var(--p-rouge) !important}
body.plan main [style*="color:#0F766E"]{color:var(--p-cyan) !important}
body.plan main [style*="color:#0F2D52"]{color:var(--p-fort) !important}
body.plan main [style*="--acc:#9333ea"]{--acc:var(--p-cyan) !important}
body.plan main [style*="--acc-t:#0F766E"]{--acc-t:var(--p-cyan) !important}
body.plan main [style*="--acc-t:#0F2D52"]{--acc-t:var(--p-fort) !important}
body.plan main [style*="color:#b45309"]{color:var(--p-ambre) !important}
body.plan main [style*="background:#fbfaf7"]{background-color:var(--p-survol) !important}
body.plan main [style*="border-top:1px solid #e7ebf1"]{border-top-color:var(--p-trait-doux) !important}
body.plan main [style*="color:#5B6478"]{color:var(--p-texte2) !important}
body.plan main [style*="background:#fff"]{background-color:var(--p-surface-fort) !important}
body.plan main [style*="border:1px solid #e7ebf1"]{border-color:var(--p-trait-doux) !important}
body.plan main [style*="background:#E8820C"]{color:var(--p-sur-orange) !important}
body.plan main [style*="background:#E8820C"] *{color:var(--p-sur-orange) !important}