/* Palette relevée sur https://phenixity.com/ le 11 septembre 2026.
   Couleurs métier et alertes restent distinctes de l'identité de marque. */
:root{--px-green:#255530;--px-deep:#18251d;--px-ink:#101913;--px-ivory:#faf7f0;--px-gold:#c5a059;--px-gold-soft:#f3ead6;--px-mint:#f1f9f3;--px-line:#dedfd4;--px-muted:#58665a}
.cl-official-logo{box-sizing:content-box;padding:9px 11px;border-radius:0;background:transparent;height:auto}
body.clarte-layout{--cl-background:var(--px-ivory);--cl-surface:#fff;--cl-ink:var(--px-ink);--cl-muted:var(--px-muted);--cl-line:var(--px-line);--cl-brand:var(--px-green);--cl-soft:var(--px-mint);--cl-gold:var(--px-gold);background:var(--px-ivory);color:var(--px-ink)}
.clarte-layout .cl-heading h1,.forest .forest-page-title h1{letter-spacing:-.035em;font-weight:650}
.clarte-layout .cl-button:not(.cl-button-secondary){background:var(--px-green);color:var(--px-ivory);border-radius:28px}
.clarte-layout .cl-button:not(.cl-button-secondary):hover{background:var(--px-deep)}
.clarte-layout .cl-button-secondary{border-radius:28px}
.clarte-layout .cl-panel,.clarte-layout .cl-list{border-radius:18px}
.clarte-layout .cl-monogram{background:var(--px-green);color:var(--px-ivory)}
.clarte-layout .cl-primary-nav>a[aria-current=page]{background:var(--px-mint);color:var(--px-green)}
.clarte-layout .cl-demo-notice{background:var(--px-gold-soft);border-color:#e0ceaa;color:#61502c}
.clarte-layout .cl-portfolio-links a,.clarte-layout .cl-appearance-options label{background:var(--px-mint);color:var(--px-green)}
.clarte-layout .cl-portfolio-track{background:var(--px-mint)}
.clarte-layout .cl-portfolio-track i{background:var(--px-green)}
html[data-cl-appearance=forest] .cl-sidebar{background:var(--px-deep);border-color:#344b39;--cl-ink:var(--px-ivory);--cl-muted:#c4d2c3;--cl-line:#405343;--cl-soft:#294731;--cl-brand:var(--px-gold);color:var(--px-ivory)}
html[data-cl-appearance=forest] .cl-sidebar .cl-monogram{background:var(--px-gold);color:var(--px-deep)}
html[data-cl-appearance=forest] .cl-sidebar .cl-primary-nav>a[aria-current=page],html[data-cl-appearance=forest] .cl-sidebar details nav a:hover,html[data-cl-appearance=forest] .cl-sidebar details[data-cl-domain] a[aria-current=page]{background:var(--px-gold);color:var(--px-deep)}
html[data-cl-appearance=forest] .cl-sidebar .cl-nav-filter input{background:#233d2a;border-color:#55705a;color:var(--px-ivory)}
html[data-cl-appearance=forest] .clarte-layout :is(.cl-heading,.cl-priority,.cl-master-header,.cl-ui .cl-intro,.cl-ui .phase-header){background:var(--px-deep);border-color:#405343;color:var(--px-ivory)}
html[data-cl-appearance=forest] .clarte-layout :is(.cl-heading,.cl-priority)>.cl-button:not(.cl-button-secondary){background:var(--px-gold);color:var(--px-deep)}
/* Les deux aperçus utilisent la même palette que l'application intégrée. */
body.forest{background:var(--px-ivory);color:var(--px-ink)}
.forest .forest-sidebar{background:var(--px-deep);color:var(--px-ivory)}
.forest .cl-brand{color:var(--px-ivory)}
.forest .cl-monogram{background:var(--px-gold);color:var(--px-deep)}
.forest .forest-sidebar nav a[aria-current=page]{background:var(--px-gold);color:var(--px-deep)}
.forest :is(.forest-hero,.forest-next,.forest-finance-banner,.m-dossier-panel,.md-cash-card){background:var(--px-deep);color:var(--px-ivory)}
.forest :is(.forest-hero,.forest-next,.forest-finance-banner,.m-dossier-panel) p{color:#c4d2c3}
.forest .forest-button{border-radius:28px}
.forest .forest-button-lime,.forest a.forest-button-lime{background:var(--px-gold);color:var(--px-deep)}
.forest .forest-button-green,.forest a.forest-button-green,.metiers :is(#m-finances,#m-contacts,#m-settings) .forest-button-green{background:var(--px-green);color:var(--px-ivory)}
.forest .forest-button-green:hover{background:var(--px-deep)}
.forest .m-tabs a[aria-current=page],.forest .forest-tip,.forest .m-context-note{background:var(--px-mint);color:var(--px-green)}
.forest .md-range button[aria-pressed=true]{background:var(--px-gold);color:var(--px-deep)}
.forest .md-cash-line,.forest .mf-line .mf-curve{stroke:var(--px-gold)}
.forest .md-cash-point,.forest .mf-line circle{fill:var(--px-gold)}
.forest .md-chart-legend i,.forest .mf-legend i{border-color:var(--px-gold)}
.forest .ma-preview-forest i,.forest .ma-preview-forest b{background:var(--px-deep)}
.forest .ma-preview-auto i{background:linear-gradient(90deg,#fff 50%,var(--px-deep) 50%)}
.forest .ma-preview-auto b{background:linear-gradient(90deg,var(--px-mint) 50%,var(--px-deep) 50%)}
.forest .ma-preview-light b,.forest .ma-choice:has(input:checked),.forest .ma-current{background:var(--px-mint)}
.forest .ma-choice:has(input:checked){border-color:var(--px-green)}
.forest .ma-choice input{accent-color:var(--px-green)}
.forest.forest-light .forest-sidebar{background:#fff;color:var(--px-ink);border-color:var(--px-line)}
.forest-light .cl-brand{color:var(--px-green)}
.forest-light .forest-sidebar nav a[aria-current=page]{background:var(--px-mint);color:var(--px-green)}
.forest-light :is(.forest-hero,.forest-next,.forest-finance-banner,.m-dossier-panel,.md-cash-card){background:var(--px-mint);color:var(--px-ink)}
.forest-light :is(.forest-hero,.forest-next,.forest-finance-banner,.m-dossier-panel) p{color:var(--px-muted)}
.forest-light .md-cash-line,.forest-light .mf-line .mf-curve{stroke:var(--px-green)}
.forest-light .md-cash-point,.forest-light .mf-line circle{fill:var(--px-green)}
.forest-light .md-chart-legend i,.forest-light .mf-legend i{border-color:var(--px-green)}
.forest-light .md-range button[aria-pressed=true]{background:var(--px-green);color:var(--px-ivory)}
.clarte-layout :is(.cl-button,.forest-button,.cl-primary-nav a):focus-visible{outline:3px solid var(--px-gold);outline-offset:3px}
/* Cartes d'outils : une identité commune, les icônes distinguent les fonctions. */
.clarte-layout .cl-tool-icon,.clarte-layout .cl-tool-open,.forest .m-tool-icon,.forest .m-tool-card button{background:var(--px-mint);color:var(--px-green)}
.forest .m-space-card{border-top-color:var(--px-gold)}
.forest .m-space-count,.forest .m-space-banner a{color:var(--px-green)}
.forest .m-space-banner{background:var(--px-mint);color:var(--px-ink)}
html[data-cl-appearance=forest] body.clarte-layout{--cl-background:var(--px-ivory);background:var(--px-ivory)}