:root{--page-bg:#f1eadc;--page-ink:#211d19;--page-surface:#e7dece;--page-panel:#f9f4eb;--page-soft:#e8ddcb;--page-muted:#76634f;--page-line:#c9b79d;--accent-text:#a7472e;color-scheme:light}html[data-theme=dark]{--page-bg:#151210;--page-ink:#eee4d5;--page-surface:#1f1915;--page-panel:#241d18;--page-soft:#2c221c;--page-muted:#b5a18e;--page-line:#554235;--accent-text:#eea574;color-scheme:dark}body{background:var(--page-bg);color:var(--page-ink)}header{background:var(--page-bg)}.header-actions{display:flex;align-items:center;gap:30px}.theme-picker{position:relative;z-index:50;letter-spacing:0;color:var(--page-ink)}.theme-picker summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font-size:11px;padding:12px 0;min-height:44px;user-select:none}.theme-picker summary::-webkit-details-marker{display:none}.theme-picker summary:focus-visible{outline:2px solid var(--orange);outline-offset:5px}.theme-chevron{font-size:13px;margin-left:3px;transition:transform .2s}.theme-picker[open] .theme-chevron{transform:rotate(180deg)}.theme-symbol{transition:transform .4s}.theme-picker:hover .theme-symbol{transform:rotate(-18deg)}.theme-options{position:absolute;right:0;top:calc(100% + 8px);width:230px;background:var(--page-panel);border:1px solid var(--page-line);box-shadow:0 20px 65px #0003;padding:14px;display:grid;gap:4px;z-index:60}.theme-options>span{font-size:8px;letter-spacing:1.5px;color:var(--page-muted);padding:9px 10px}.theme-options button{text-align:left;display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:44px;background:none;border:1px solid transparent;color:var(--page-ink);font-size:12px;padding:12px}.theme-options button i{font-style:normal;font-size:9px;color:var(--page-muted)}.theme-options button:hover{background:var(--page-soft)}.theme-options button[aria-pressed=true]{border-color:var(--orange);background:var(--page-soft)}.theme-options button[aria-pressed=true]:after{content:'✓';color:var(--orange)}.theme-options button[aria-pressed=true] i{display:none}.experience{background:var(--page-surface)}.manifesto h2 em{color:var(--accent-text)}.manifesto p,.experience-copy>p,.detail-row p,footer>p{color:var(--page-muted)}.detail-row,footer>p{border-color:var(--page-line)}.hero,.visit,.ritual{color:var(--cream)}.cream{background:var(--cream);color:var(--ink)}.orange{color:#24170e}.nav-cta{border-color:var(--page-line)}
/* Les surfaces clientes et les devis gardent la même préférence. */
html[data-theme=dark] .app-main{background:var(--page-bg)}html[data-theme=dark] .app-top{border-color:var(--page-line)}html[data-theme=dark] .panel{background:var(--page-panel);border-color:var(--page-line)}html[data-theme=dark] .stat{background:var(--page-soft)}html[data-theme=dark] .panel p,html[data-theme=dark] .lead,html[data-theme=dark] label,html[data-theme=dark] .row small,html[data-theme=dark] .form-note{color:var(--page-muted)}html[data-theme=dark] input,html[data-theme=dark] select{background:#17120f;color:var(--page-ink);border-color:var(--page-line)}html[data-theme=dark] .row{border-color:var(--page-line)}html[data-theme=dark] .small-btn{border-color:#8e6c4d;color:var(--page-ink)}html[data-theme=dark] .notice{background:var(--page-soft);color:var(--page-ink)}html[data-theme=dark] .table{background:#2e241c;color:var(--page-ink);border-color:#705439}html[data-theme=dark] .table.occupied{background:#553824;border-color:#b88659}html[data-theme=dark] .pill{color:#d9b78f;border-color:#826143}html[data-theme=dark] dialog{background:var(--page-panel);color:var(--page-ink)}html[data-theme=dark] .intro{color:var(--page-muted)}html[data-theme=dark] .plan,html[data-theme=dark] .comparison td,html[data-theme=dark] .comparison th{border-color:var(--page-line)}html[data-theme=dark] .plan:not(.recommended){background:var(--page-panel)}html[data-theme=dark] .recommended{background:#3a251b}html[data-theme=dark] .conditions{color:var(--page-ink)}.app-top{gap:15px}.app-top>[data-theme-host]{margin-left:auto}
::view-transition-old(root){animation:none;z-index:1}::view-transition-new(root){animation:theme-reveal .65s cubic-bezier(.2,.6,.2,1);mix-blend-mode:normal;z-index:2}@keyframes theme-reveal{from{clip-path:circle(0 at var(--theme-x,50%) var(--theme-y,0%))}to{clip-path:circle(150vmax at var(--theme-x,50%) var(--theme-y,0%))}}@media(prefers-reduced-motion:reduce){::view-transition-new(root){animation:none}}@media(max-width:760px){.header-actions{gap:18px}.theme-picker summary{font-size:10px;gap:5px}.theme-symbol{width:15px;height:15px}.theme-options{width:210px}.nav-cta span{margin-left:8px}.app-top{flex-wrap:wrap}.app-top .theme-picker summary{font-size:9px}}
@media(max-width:760px){header .theme-options{left:0;right:auto}header .header-actions{min-width:0}header .header-actions>.nav-cta{font-size:10px}body:not(.landing) header .header-actions>.nav-cta{max-width:145px;line-height:1.6}}