/* GÉNÉRÉ par frontend/design_couleurs.py : ne pas éditer à la main.
   Couleurs écrites en dur dans la page « comparateur », 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 .cmp-hero h1{color:var(--navy)}
body.plan main .cmp-hero p{color:var(--text-muted)}
body.plan main .section{background:var(--bg)}
body.plan main .section{border:1px solid var(--border)}
body.plan main .section-header{border-bottom:1px solid var(--border)}
body.plan main .section-num{background:var(--orange-50)}
body.plan main .section-num{color:var(--p-fort)}
body.plan main .section-title{color:var(--navy)}
body.plan main .section-sub{color:var(--text-muted)}
body.plan main .s1-input{border:1.5px solid var(--border-strong)}
body.plan main .s-select{border:1.5px solid var(--border-strong)}
body.plan main .s1-input{color:var(--navy)}
body.plan main .s-select{color:var(--navy)}
body.plan main .s1-input{background:var(--bg)}
body.plan main .s-select{background:var(--bg)}
body.plan main .s1-input:focus{border-color:var(--orange)}
body.plan main .s-select:focus{border-color:var(--orange)}
body.plan main .search-icon{color:var(--text-muted)}
body.plan main .dropdown{background-color:var(--p-surface-fort)}
body.plan main .dropdown{border:1.5px solid var(--border-strong)}
body.plan main .dropdown-item{border-bottom:1px solid var(--border)}
body.plan main .dropdown-item:last-child{border-bottom:none}
body.plan main .dropdown-item:hover{background:var(--orange-50)}
body.plan main .dropdown-fab{color:var(--navy)}
body.plan main .dropdown-mod{color:var(--text-muted)}
body.plan main .dropdown-wc{color:var(--p-fort)}
body.plan main .chip{color:white}
body.plan main .chip-add{background:var(--bg) !important}
body.plan main .chip-add{color:var(--text-muted) !important}
body.plan main .chip-add{border:2px dashed var(--border-strong)}
body.plan main .chip-empty{color:var(--text-muted)}
body.plan main .pills-group-label{color:var(--text-muted)}
body.plan main .pill{border:1.5px solid transparent}
body.plan main .pill-on{background:var(--navy-50)}
body.plan main .pill-on{color:var(--navy)}
body.plan main .pill-on{border-color:var(--navy)}
body.plan main .pill-off{background:var(--bg)}
body.plan main .pill-off{color:var(--text-muted)}
body.plan main .pill-off{border-color:var(--border)}
body.plan main .cmp-table thead th.lbl-col{color:var(--text-muted)}
body.plan main .cmp-table tbody tr{border-bottom:1px solid var(--border)}
body.plan main .cmp-table tbody tr:nth-child(even){background-color:var(--p-survol)}
body.plan main .cmp-table tbody td.lbl{color:var(--text-muted)}
body.plan main .val-best{background-color:var(--p-survol)}
body.plan main .val-best{color:var(--p-vert)}
body.plan main .val-worst{background-color:transparent}
body.plan main .val-worst{color:var(--p-rouge)}
body.plan main .group-sep td{background:var(--navy-50)}
body.plan main .group-sep td{color:var(--navy)}
body.plan main .group-sep td{border-bottom:none}
body.plan main .btn-simuler{color:white}
body.plan main .btn-simuler{border:none}
body.plan main .cmp-note{color:var(--text-muted)}
body.plan main .msg-info{color:var(--text-muted)}
