/* GÉNÉRÉ par frontend/design_couleurs.py : ne pas éditer à la main.
   Couleurs écrites en dur dans la page « kit_solaire », 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 .kit-wrap{color:var(--text)}
body.plan main .kit-wrap{--orange-50:var(--p-orange-voile)}
body.plan main .kit-wrap{--yellow-50:var(--p-or-voile)}
body.plan main .kit-wrap{--navy:var(--p-fort)}
body.plan main .kit-wrap{--navy-700:var(--p-fort)}
body.plan main .kit-wrap{--navy-50:var(--p-survol)}
body.plan main .kit-wrap{--ink:var(--p-fort)}
body.plan main .kit-wrap{--text:var(--p-texte2)}
body.plan main .kit-wrap{--text-muted:var(--p-texte2)}
body.plan main .kit-wrap{--border:var(--p-trait-doux)}
body.plan main .kit-wrap{--border-strong:var(--p-trait)}
body.plan main .kit-wrap{--bg:var(--p-surface-fort)}
body.plan main .kit-wrap{--bg-soft:var(--p-survol)}
body.plan main .kit-wrap{--good:var(--p-vert)}
body.plan main .kit-wrap{--good-50:transparent}
body.plan main .kit-wrap{--warn:var(--p-ambre)}
body.plan main .kit-wrap{--warn-50:transparent}
body.plan main .kit-wrap{--shadow-sm:none}
body.plan main .kit-wrap{--shadow-md:none}
body.plan main .kit-wrap{--shadow-lg:4px 4px 0 var(--p-ombre)}
body.plan main .kit-wrap h1{color:var(--ink)}
body.plan main .kit-wrap h2{color:var(--ink)}
body.plan main .kit-card{background:var(--bg)}
body.plan main .kit-card{border:1px solid var(--border)}
body.plan main .kit-hero::before{background:linear-gradient(90deg,var(--yellow),var(--orange))}
body.plan main .kit-eyebrow{color:var(--p-fort)}
body.plan main .kit-eyebrow{background:var(--orange-50)}
body.plan main .kit-eyebrow{border-radius:999px !important}
body.plan main .kit-eyebrow .dot{background:currentColor}
body.plan main .kit-eyebrow .dot{border-radius:999px !important}
body.plan main .kit-hero p{color:var(--text-muted)}
body.plan main .kit-stepn{background:var(--orange-50)}
body.plan main .kit-stepn{color:var(--p-fort)}
body.plan main .kit-steph p{color:var(--text-muted)}
body.plan main .kit-chip{border:1px solid var(--border-strong)}
body.plan main .kit-chip{background:var(--bg)}
body.plan main .kit-chip{color:var(--text)}
body.plan main .kit-chip{border-radius:999px !important}
body.plan main .kit-chip:hover{border-color:var(--orange)}
body.plan main .kit-chip.active{border-color:var(--orange)}
body.plan main .kit-chip.active{background:var(--orange)}
body.plan main .kit-chip.active{color:var(--p-sur-orange)}
body.plan main .kit-fieldlabel{color:var(--ink)}
body.plan main .kit-slider-val{color:var(--p-fort)}
body.plan main .kit-input{border:1px solid var(--border-strong)}
body.plan main .kit-input{background:var(--bg)}
body.plan main .kit-input{color:var(--text)}
body.plan main .kit-input:focus{border-color:var(--orange)}
body.plan main .kit-sug{border:1px solid var(--border)}
body.plan main .kit-sug{background:var(--bg)}
body.plan main .kit-sug div{border-bottom:1px solid var(--border)}
body.plan main .kit-sug div:last-child{border-bottom:0}
body.plan main .kit-sug div:hover{background:var(--orange-50)}
body.plan main .kit-loc{color:var(--text-muted)}
body.plan main .kit-wrap input[type=range]{background:var(--border)}
body.plan main .kit-wrap input[type=range]{border-radius:999px !important}
body.plan main .kit-wrap input[type=range]::-webkit-slider-thumb{background:var(--orange)}
body.plan main .kit-wrap input[type=range]::-webkit-slider-thumb{border:3px solid #fff}
body.plan main .kit-wrap input[type=range]::-moz-range-thumb{background:var(--orange)}
body.plan main .kit-wrap input[type=range]::-moz-range-thumb{border:3px solid #fff}
body.plan main .kit-appliance{border:1px solid var(--border)}
body.plan main .kit-appliance{background:var(--bg-soft)}
body.plan main .kit-appliance.on{border-color:var(--orange)}
body.plan main .kit-appliance.on{background:var(--orange-50)}
body.plan main .kit-appliance .ico{background:var(--navy-50)}
body.plan main .kit-appliance .ico{color:var(--navy)}
body.plan main .kit-appliance .nom{color:var(--ink)}
body.plan main .kit-appliance .w{color:var(--text-muted)}
body.plan main .kit-badge24{color:var(--navy)}
body.plan main .kit-badge24{background:var(--navy-50)}
body.plan main .kit-badge24{border-radius:999px !important}
body.plan main .kit-when .tag{color:var(--ink)}
body.plan main .kit-appliance:not(.on) .tag{color:var(--text-muted)}
body.plan main .kit-chart-legend > div{color:var(--text)}
body.plan main .kit-xaxis{color:var(--text-muted)}
body.plan main .kit-tooltip{background:var(--p-plein-marine)}
body.plan main .kit-tooltip{color:#fff}
body.plan main .kit-verdict{background:var(--bg-soft)}
body.plan main .kit-verdict{border:1px solid var(--border)}
body.plan main .kit-verdict{color:var(--text)}
body.plan main .kit-verdict.good{background:var(--good-50)}
body.plan main .kit-verdict.good{border-color:rgba(17,122,87,.28)}
body.plan main .kit-verdict.warn{background:var(--warn-50)}
body.plan main .kit-verdict.warn{border-color:rgba(232,130,12,.28)}
body.plan main .kit-cta-wrap p{color:var(--text-muted)}
body.plan main .kit-cta{background:var(--orange)}
body.plan main .kit-cta{color:var(--p-sur-orange)}
body.plan main [style*="color:#0F2D52"]{color:var(--p-fort) !important}
body.plan main [style*="background:linear-gradient(180deg,var(--yellow),var(--orange))"]{color:var(--p-sur-orange) !important}
body.plan main [style*="background:linear-gradient(180deg,var(--yellow),var(--orange))"] *{color:var(--p-sur-orange) !important}
body.plan main [style*="background:var(--yellow)"]{color:var(--p-sur-orange) !important}
body.plan main [style*="background:var(--yellow)"] *{color:var(--p-sur-orange) !important}