/* GÉNÉRÉ par frontend/design_couleurs.py : ne pas éditer à la main.
   Couleurs écrites en dur dans la page « calculateur_ecs », 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 .ecs-wrap{color:var(--text)}
body.plan main .ecs-wrap{--orange-50:var(--p-orange-voile)}
body.plan main .ecs-wrap{--yellow-50:var(--p-or-voile)}
body.plan main .ecs-wrap{--navy:var(--p-fort)}
body.plan main .ecs-wrap{--navy-700:var(--p-fort)}
body.plan main .ecs-wrap{--navy-50:var(--p-survol)}
body.plan main .ecs-wrap{--ink:var(--p-fort)}
body.plan main .ecs-wrap{--text:var(--p-texte2)}
body.plan main .ecs-wrap{--text-muted:var(--p-texte2)}
body.plan main .ecs-wrap{--border:var(--p-trait-doux)}
body.plan main .ecs-wrap{--border-strong:var(--p-trait)}
body.plan main .ecs-wrap{--bg:var(--p-surface-fort)}
body.plan main .ecs-wrap{--bg-soft:var(--p-survol)}
body.plan main .ecs-wrap{--good:var(--p-vert)}
body.plan main .ecs-wrap{--good-50:transparent}
body.plan main .ecs-wrap{--warn:var(--p-ambre)}
body.plan main .ecs-wrap{--warn-50:transparent}
body.plan main .ecs-wrap{--shadow-sm:none}
body.plan main .ecs-wrap{--shadow-md:none}
body.plan main .ecs-wrap{--shadow-lg:4px 4px 0 var(--p-ombre)}
body.plan main .ecs-wrap{--surface:var(--p-surface-fort)}
body.plan main .ecs-wrap{--line:var(--p-trait-doux)}
body.plan main .ecs-wrap{--muted:var(--p-texte2)}
body.plan main .ecs-wrap{--orange-700:var(--p-or-petit)}
body.plan main .ecs-wrap{--mono:var(--p-mono)}
body.plan main .ecs-wrap{--shadow-s:none}
body.plan main .ecs-wrap h1{color:var(--ink)}
body.plan main .ecs-wrap h2{color:var(--ink)}
body.plan main .ecs-wrap h3{color:var(--ink)}
body.plan main .ecs-wrap .card{background:var(--bg)}
body.plan main .ecs-wrap .card{border:1px solid var(--border)}
body.plan main .ecs-wrap .hero::before{background:linear-gradient(90deg,var(--yellow),var(--orange))}
body.plan main .ecs-wrap .eyebrow{color:var(--p-fort)}
body.plan main .ecs-wrap .eyebrow{background:var(--orange-50)}
body.plan main .ecs-wrap .eyebrow{border-radius:999px !important}
body.plan main .ecs-wrap .eyebrow .dot{background:currentColor}
body.plan main .ecs-wrap .eyebrow .dot{border-radius:999px !important}
body.plan main .ecs-wrap .hero p{color:var(--text-muted)}
body.plan main .ecs-wrap .stepn{background:var(--orange-50)}
body.plan main .ecs-wrap .stepn{color:var(--p-fort)}
body.plan main .ecs-wrap .steph p{color:var(--text-muted)}
body.plan main .ecs-wrap .fieldlabel{color:var(--ink)}
body.plan main .ecs-wrap .chip{border:1px solid var(--border-strong)}
body.plan main .ecs-wrap .chip{background:var(--bg)}
body.plan main .ecs-wrap .chip{color:var(--text)}
body.plan main .ecs-wrap .chip{border-radius:999px !important}
body.plan main .ecs-wrap .chip:hover{border-color:var(--orange)}
body.plan main .ecs-wrap .chip.active{border-color:var(--orange)}
body.plan main .ecs-wrap .chip.active{background:var(--orange)}
body.plan main .ecs-wrap .chip.active{color:var(--p-sur-orange)}
body.plan main .ecs-wrap .input{border:1px solid var(--border-strong)}
body.plan main .ecs-wrap .input{background:var(--bg)}
body.plan main .ecs-wrap .input{color:var(--text)}
body.plan main .ecs-wrap .input:focus{border-color:var(--orange)}
body.plan main .ecs-wrap .input-ico svg{color:var(--text-muted)}
body.plan main .ecs-wrap .loc{color:var(--text-muted)}
body.plan main .ecs-wrap .kit-sug{border:1px solid var(--border)}
body.plan main .ecs-wrap .kit-sug{background:var(--bg)}
body.plan main .ecs-wrap .kit-sug div{border-bottom:1px solid var(--border)}
body.plan main .ecs-wrap .kit-sug div:last-child{border-bottom:0}
body.plan main .ecs-wrap .kit-sug div:hover{background:var(--orange-50)}
body.plan main .ecs-wrap .stepper{border:1px solid var(--border-strong)}
body.plan main .ecs-wrap .stepper button{border:none}
body.plan main .ecs-wrap .stepper button{background:var(--bg)}
body.plan main .ecs-wrap .stepper button{color:var(--navy)}
body.plan main .ecs-wrap .stepper button:hover{background:var(--orange-50)}
body.plan main .ecs-wrap .stepper button:hover{color:var(--p-fort)}
body.plan main .ecs-wrap .stepper .val{color:var(--ink)}
body.plan main .ecs-wrap .stepper .val{border-left:1px solid var(--border)}
body.plan main .ecs-wrap .stepper .val{border-right:1px solid var(--border)}
body.plan main .ecs-wrap .advanced{border-top:1px solid var(--border)}
body.plan main .ecs-wrap .advanced summary{color:var(--navy-700)}
body.plan main .ecs-wrap .cta{background:var(--orange)}
body.plan main .ecs-wrap .cta{color:var(--p-sur-orange)}
body.plan main .ecs-wrap .cta{border:none}
body.plan main .ecs-wrap .divider{color:var(--text-muted)}
body.plan main .ecs-wrap .divider::before{background:var(--border)}
body.plan main .ecs-wrap .divider::after{background:var(--border)}
body.plan main .ecs-wrap .kpi{background:var(--bg-soft)}
body.plan main .ecs-wrap .kpi{border:1px solid var(--border)}
body.plan main .ecs-wrap .kpi.hero-kpi{background:linear-gradient(135deg,var(--p-plein-marine),var(--p-plein-marine))}
body.plan main .ecs-wrap .kpi.hero-kpi{border-color:transparent}
body.plan main .ecs-wrap .kpi.hero-kpi{color:#fff}
body.plan main .ecs-wrap .kpi .lbl{color:var(--text-muted)}
body.plan main .ecs-wrap .kpi.hero-kpi .lbl{color:rgba(255,255,255,.72)}
body.plan main .ecs-wrap .kpi .num{color:var(--ink)}
body.plan main .ecs-wrap .kpi.hero-kpi .num{color:#fff}
body.plan main .ecs-wrap .kpi .num .u{color:var(--text-muted)}
body.plan main .ecs-wrap .kpi.hero-kpi .num .u{color:rgba(255,255,255,.7)}
body.plan main .ecs-wrap .kpi .foot{color:var(--text-muted)}
body.plan main .ecs-wrap .kpi.hero-kpi .foot{color:rgba(255,255,255,.78)}
body.plan main .ecs-wrap .legend{color:var(--text)}
body.plan main .ecs-wrap .chart-sub{color:var(--text-muted)}
body.plan main .ecs-wrap .sec-item{border:1px solid var(--border)}
body.plan main .ecs-wrap .sec-item{background:var(--bg)}
body.plan main .ecs-wrap .sec-item .ico.g{background:var(--good-50)}
body.plan main .ecs-wrap .sec-item .ico.g{color:var(--good)}
body.plan main .ecs-wrap .sec-item .ico.n{background:var(--navy-50)}
body.plan main .ecs-wrap .sec-item .ico.n{color:var(--navy)}
body.plan main .ecs-wrap .sec-item .num{color:var(--ink)}
body.plan main .ecs-wrap .sec-item .lbl{color:var(--text-muted)}
body.plan main .ecs-wrap .badge-ok{color:var(--good)}
body.plan main .ecs-wrap .badge-ok{background:var(--good-50)}
body.plan main .ecs-wrap .badge-ok{border-radius:999px !important}
body.plan main .ecs-wrap .verdict{background:var(--warn-50)}
body.plan main .ecs-wrap .verdict{border:1px solid rgba(232,130,12,.28)}
body.plan main .ecs-wrap .verdict{color:var(--p-ambre)}
body.plan main .ecs-wrap .verdict .vico{color:var(--warn)}
body.plan main .ecs-wrap .verdict b{color:var(--p-ambre)}
body.plan main .ecs-wrap .verdict.info{background:var(--navy-50)}
body.plan main .ecs-wrap .verdict.info{border-color:var(--p-trait-doux)}
body.plan main .ecs-wrap .verdict.info{color:var(--navy-700)}
body.plan main .ecs-wrap .verdict.info .vico{color:var(--navy)}
body.plan main .ecs-wrap .hyp{border:1px solid var(--border)}
body.plan main .ecs-wrap .hyp summary{color:var(--navy-700)}
body.plan main .ecs-wrap .hyp summary{background:var(--bg-soft)}
body.plan main .ecs-wrap .hyp-row{border-bottom:1px dashed var(--border)}
body.plan main .ecs-wrap .hyp-row:last-child{border-bottom:0}
body.plan main .ecs-wrap .hyp-row .k{color:var(--text-muted)}
body.plan main .ecs-wrap .hyp-row .v{color:var(--ink)}
body.plan main .ecs-wrap .renov{background:var(--navy-50)}
body.plan main .ecs-wrap .renov{border-color:var(--p-trait-doux)}
body.plan main .ecs-wrap .renov .flag{background-color:var(--p-surface-fort)}
body.plan main .ecs-wrap .renov .flag{border-color:var(--p-trait-doux)}
body.plan main .ecs-wrap .renov p{color:var(--text)}
body.plan main .ecs-wrap .renov a{color:var(--navy)}
body.plan main .ecs-wrap .renov a{border:1px solid var(--navy)}
body.plan main .ecs-wrap .renov a{background-color:var(--p-surface-fort)}
body.plan main .ecs-wrap .renov a:hover{background:var(--p-plein-marine)}
body.plan main .ecs-wrap .renov a:hover{color:#fff}
body.plan main .ecs-wrap .cross p{color:var(--text-muted)}
body.plan main .ecs-wrap .cross .cta.ghost{background-color:var(--p-surface-fort)}
body.plan main .ecs-wrap .cross .cta.ghost{color:var(--p-fort)}
body.plan main .ecs-wrap .cross .cta.ghost{border:1px solid var(--orange)}
body.plan main .ecs-wrap .cross .cta.ghost:hover{background:var(--orange-50)}
body.plan main .ecs-wrap .statebadge{color:#fff}
body.plan main .ecs-wrap .statebadge{background:var(--p-plein-marine)}
body.plan main .ecs-wrap .adv{border:1px dashed var(--line-strong)}
body.plan main .ecs-wrap .adv{background:var(--bg-soft)}
body.plan main .ecs-wrap .adv__btn{color:var(--ink)}
body.plan main .ecs-wrap .adv__btn{background:none}
body.plan main .ecs-wrap .adv__btn{border:none}
body.plan main .ecs-wrap .adv__btn .ci{background:var(--surface)}
body.plan main .ecs-wrap .adv__btn .ci{border:1px solid var(--line)}
body.plan main .ecs-wrap .adv__btn .ci{color:var(--p-fort)}
body.plan main .ecs-wrap .adv__btn .cx small{color:var(--muted)}
body.plan main .ecs-wrap .adv__btn .chev{color:var(--muted)}
body.plan main .ecs-wrap .adv__body{border-top:1px dashed var(--line-strong)}
body.plan main .ecs-wrap .subf>label{color:var(--ink)}
body.plan main .ecs-wrap .optn{color:var(--muted)}
body.plan main .ecs-wrap .adv .chip{border:1.5px solid var(--line)}
body.plan main .ecs-wrap .adv .chip{background:var(--surface)}
body.plan main .ecs-wrap .adv .chip{color:var(--text)}
body.plan main .ecs-wrap .adv .chip:hover{border-color:var(--line-strong)}
body.plan main .ecs-wrap .adv .chip.sel{border-color:var(--orange)}
body.plan main .ecs-wrap .adv .chip.sel{background:var(--orange-50)}
body.plan main .ecs-wrap .adv .chip.sel{color:var(--orange-700)}
body.plan main .ecs-wrap .orient-wrap{background:var(--surface)}
body.plan main .ecs-wrap .orient-wrap{border:1px solid var(--line)}
body.plan main .ecs-wrap .orient-read{color:var(--ink)}
body.plan main .ecs-wrap .orient-read small{color:var(--muted)}
body.plan main .ecs-wrap .opill{color:var(--muted)}
body.plan main .ecs-wrap .opill{background:var(--surface)}
body.plan main .ecs-wrap .opill{border:1px solid var(--line)}
body.plan main .ecs-wrap .opill:hover{border-color:var(--line-strong)}
body.plan main .ecs-wrap .opill.active{background:var(--orange)}
body.plan main .ecs-wrap .opill.active{border-color:var(--orange)}
body.plan main .ecs-wrap .opill.active{color:var(--p-sur-orange)}
body.plan main .ecs-wrap .tilt-card{background:var(--surface)}
body.plan main .ecs-wrap .tilt-card{border:1px solid var(--line)}
body.plan main .ecs-wrap .tilt-display .deg{color:var(--ink)}
body.plan main .ecs-wrap .tilt-display .lbl{color:var(--muted)}
body.plan main .ecs-wrap .tilt-slider{background:linear-gradient(90deg,var(--orange) var(--fill,50%),var(--line-strong) var(--fill,50%))}
body.plan main .ecs-wrap .tilt-slider::-webkit-slider-thumb{background:var(--orange)}
body.plan main .ecs-wrap .tilt-slider::-webkit-slider-thumb{border:3px solid var(--surface)}
body.plan main .ecs-wrap .tilt-slider::-moz-range-thumb{background:var(--orange)}
body.plan main .ecs-wrap .tilt-slider::-moz-range-thumb{border:3px solid var(--surface)}
body.plan main .ecs-wrap .tilt-marks{color:var(--muted)}
body.plan main .ecs-wrap .chart-tip{background:var(--p-plein-marine)}
body.plan main .ecs-wrap .chart-tip{color:#fff}
body.plan main .ecs-wrap .chart-tip::after{border:5px solid transparent}
body.plan main .ecs-wrap .chart-tip::after{border-top-color:var(--navy)}
body.plan main [style*="color:#0F2D52"]{color:var(--p-fort) !important}
body.plan main [style*="background:var(--navy)"]{background:var(--p-plein-marine) !important}
body.plan main [style*="background:var(--orange)"]{color:var(--p-sur-orange) !important}
body.plan main [style*="background:var(--orange)"] *{color:var(--p-sur-orange) !important}