/* Generated from tools/design_palettes.py. Layout stays in variants*.css. */
html[data-palette="navy"] body[class*="design-"]{--paper:#f7f9fc;--surface:#e9eff5;--surface-2:#dce6f0;--ink:#182d44;--muted:#526174;--accent:#234f78;--line:#c6d2df;--palette-inverse:#182d44;--palette-highlight:#486c92;--palette-light:#d6e5f3;--palette-footer:#f1f5fa;--palette-glass:#f7f9fcf5;}
[data-palette-option="navy"] .palette-swatch,.palette-chip-navy{background:linear-gradient(135deg,#234f78 0 50%,#e9eff5 50% 100%)}
html[data-palette="petrol"] body[class*="design-"]{--paper:#f7fbfa;--surface:#e3f0ed;--surface-2:#d2e5e1;--ink:#193b3d;--muted:#4e6866;--accent:#176b68;--line:#bdd3ce;--palette-inverse:#163f43;--palette-highlight:#3e7874;--palette-light:#c6e7e2;--palette-footer:#edf5f2;--palette-glass:#f7fbfaf5;}
[data-palette-option="petrol"] .palette-swatch,.palette-chip-petrol{background:linear-gradient(135deg,#176b68 0 50%,#e3f0ed 50% 100%)}
html[data-palette="forest"] body[class*="design-"]{--paper:#f8fbf6;--surface:#e5efdf;--surface-2:#d7e6ce;--ink:#293c2c;--muted:#53634d;--accent:#365f42;--line:#c3d2b8;--palette-inverse:#263f2d;--palette-highlight:#53744b;--palette-light:#d3e8c5;--palette-footer:#eef4e9;--palette-glass:#f8fbf6f5;}
[data-palette-option="forest"] .palette-swatch,.palette-chip-forest{background:linear-gradient(135deg,#365f42 0 50%,#e5efdf 50% 100%)}
html[data-palette="clay"] body[class*="design-"]{--paper:#fffaf6;--surface:#f5e8de;--surface-2:#ead5c6;--ink:#45322d;--muted:#70594d;--accent:#93492f;--line:#ddc4b2;--palette-inverse:#57392f;--palette-highlight:#9a5e45;--palette-light:#f0cfb6;--palette-footer:#f8eee6;--palette-glass:#fffaf6f5;}
[data-palette-option="clay"] .palette-swatch,.palette-chip-clay{background:linear-gradient(135deg,#93492f 0 50%,#f5e8de 50% 100%)}
html[data-palette="burgundy"] body[class*="design-"]{--paper:#fdf9fa;--surface:#f3e8ed;--surface-2:#e9d7e0;--ink:#3f2733;--muted:#725462;--accent:#813f59;--line:#d7bfcb;--palette-inverse:#422635;--palette-highlight:#94536f;--palette-light:#edcfdf;--palette-footer:#f7f0f4;--palette-glass:#fdf9faf5;}
[data-palette-option="burgundy"] .palette-swatch,.palette-chip-burgundy{background:linear-gradient(135deg,#813f59 0 50%,#f3e8ed 50% 100%)}
html[data-palette="slate"] body[class*="design-"]{--paper:#f8fafc;--surface:#e8eef6;--surface-2:#d7e2f0;--ink:#283646;--muted:#526176;--accent:#3d5f93;--line:#c3cede;--palette-inverse:#263b58;--palette-highlight:#4f709e;--palette-light:#d4e2f6;--palette-footer:#f0f4fa;--palette-glass:#f8fafcf5;}
[data-palette-option="slate"] .palette-swatch,.palette-chip-slate{background:linear-gradient(135deg,#3d5f93 0 50%,#e8eef6 50% 100%)}

/* Theme-neutral, compact preview controls. */
.design-bar{position:relative;z-index:45}.design-bar>.wrap{gap:12px}.palette-picker{position:relative;margin-left:auto;margin-right:18px;font:10px/1.5 Montserrat,Arial,sans-serif;color:inherit}.palette-picker>summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;white-space:nowrap}.palette-picker>summary::-webkit-details-marker{display:none}.palette-picker>summary>span{font-size:13px;color:var(--accent)}.palette-panel{position:absolute;top:calc(100% + 12px);right:-25px;width:425px;max-width:calc(100vw - 32px);background:#fff;color:#253331;border:1px solid #cad1ca;box-shadow:0 14px 40px #182d4426;padding:22px;z-index:80;text-align:left}.palette-panel-title{font-size:12px;font-weight:600;letter-spacing:0}.palette-panel>p:not(.palette-panel-title){font-size:10px;line-height:1.8;color:#53615c;margin-top:8px}.palette-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:17px}.palette-options>button{display:flex;align-items:center;gap:8px;min-height:45px;padding:9px 8px;background:#fff;color:#263531;border:1px solid #d3dad2;text-align:left;font-size:9px;line-height:1.5;font-weight:450;white-space:nowrap;cursor:pointer}.palette-options>button[aria-pressed=true]{border:2px solid #31453c;padding:8px 7px;background:#f2f6f0}.palette-options>button:disabled{opacity:.5;cursor:default}.palette-swatch{display:inline-block;flex:none;width:19px;height:19px;border:1px solid #0002;border-radius:50%;background:linear-gradient(135deg,#9a7d47 0 50%,#f1eadd 50% 100%)}.palette-options>button[data-palette-option=original]{grid-column:1/-1;justify-content:center}.palette-current{border-top:1px solid #e0e5dd;padding-top:12px;margin-top:15px!important}.palette-choice-line{display:flex;gap:8px;align-items:center;font-size:9px;color:#56635c;margin-top:17px}.palette-choice-swatches{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;margin-bottom:20px}.palette-choice-swatches>a{display:block;width:25px;height:25px;border-radius:50%;border:1px solid #0002}.palette-choice-swatches>a[aria-current=true]{outline:2px solid #354b41;outline-offset:3px}.palette-choice-swatches>a:hover{transform:scale(1.12)}.palette-original-link{font-size:9px;color:#626b63;text-decoration:underline;text-underline-offset:3px;margin-top:14px}.choice-palette-intro{border-left:2px solid #9eac9b;padding:1px 0 1px 18px;margin-top:25px;font-size:11px;color:#59695e;max-width:670px}.choice-palette-intro strong{font-weight:550;color:#31483b}
/* Full color mapping, including surfaces that were fixed in the original CSS. */
html.palette-active body .button,html.palette-active body .main-nav .nav-action{background:var(--accent);border-color:var(--accent);color:#fff}
html.palette-active body .button:hover,html.palette-active body .main-nav .nav-action:hover{background:var(--palette-inverse);border-color:var(--palette-inverse);color:#fff}
html.palette-active body .button.secondary{background:transparent;border-color:var(--line);color:var(--accent)}
html.palette-active body .button.secondary:hover{background:var(--surface-2);border-color:var(--accent);color:var(--ink)}
html.palette-active body .site-header,html.palette-active body .site-footer{background:var(--paper)}
html.palette-active body .site-footer{background:var(--palette-footer)}
html.palette-active body .design-bar,html.palette-active body .benefit-strip{background:var(--surface);border-color:var(--line)}
html.palette-active body .main-nav.is-open{background:var(--paper)}
html.palette-active body .main-nav a[aria-current=page]{color:var(--accent)}
html.palette-active body :is(.atelier-story,.about-teaser,.klar-about,.living-personal,.dialog-about,.horizont-plan,.mosaic-about,.raster-method,.principle-section,.end-cta,.audience-section,.quick-start,.dialog-promise){background:var(--surface);border-color:var(--line);color:var(--ink)}
html.palette-active body .klar-about{background:var(--palette-inverse);color:#fff}
html.palette-active body .klar-about :is(.eyebrow,.text-link,.icon,li strong){color:var(--palette-light)}
html.palette-active body .klar-about p:not(.eyebrow){color:var(--palette-light)}
html.palette-active body .klar-about :is(li,.text-link){border-color:var(--palette-highlight)}
html.palette-active body :is(.hero-note,.row-number,.step-number,.small-label,.feature-number,.service-article-top,.service-index span,.pending,.owner-role,.collage-note,.living-small-image>span,.quick-start .icon,.card-link .icon,.mosaic-service>.icon,.plan-diagram li>a>span,.contour-row>span,.horizont-line-label,.horizont-person>span,.journal-section-title>span,.journal-hero>aside>a>span){color:var(--accent)}
html.palette-active body :is(.living-hero-copy h1 span,.mosaic-intro h1 span,.raster-hero h1 span,.horizont-heading h1 span,.contour-hero h1>span,.contour-statement h2 em,.design-klar .section-top h2 span){color:var(--palette-highlight)}
html.palette-active body :is(.direct-card,.direct-extra,.service-article,.form-panel,.dialog-chooser,.plan-diagram,.mosaic-detail){border-color:var(--line)}
html.palette-active body .direct-card,html.palette-active body .direct-extra,html.palette-active body .dialog-chooser{background:var(--surface)}
html.palette-active body .direct-extra{background:var(--surface-2)}
html.palette-active body .direct-card:hover{background:var(--surface-2);border-color:var(--accent)}
html.palette-active body .direct-card :is(p,.direct-card-meta){color:var(--muted)}
html.palette-active body .direct-card :is(.card-link,.direct-card-meta){border-color:var(--line)}
html.palette-active body .klar-visual:before{background:var(--surface-2)}
html.palette-active body .klar-image-label{background:var(--palette-inverse);color:#fff}
html.palette-active body .klar-image-label>span{color:var(--palette-light)}
html.palette-active body .request-note{border-color:var(--accent)}
html.palette-active body .quick-start a{background:var(--paper);border-color:var(--line)}
html.palette-active body :is(.initial-circle,.dialog-monogram,.owner-initials){background:var(--surface-2);border-color:var(--line);color:var(--accent)}
html.palette-active body .signature-line,html.palette-active body .caption-line{background:var(--accent)}
html.palette-active body :is(.audience-tabs button,.dialog-chooser>select){border-color:var(--line)}
html.palette-active body .audience-tabs button{background:var(--paper);color:var(--ink)}
html.palette-active body .audience-tabs button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:#fff}
html.palette-active body .world-grid article>span{color:var(--accent)}
html.palette-active body .world-grid article>a{border-color:var(--line)}
html.palette-active body .service-article{background:var(--paper)}
html.palette-active body.design-lebensraeume .service-article{background:var(--surface)}
html.palette-active body.design-lebensraeume .service-article:nth-child(even){background:var(--surface-2)}
html.palette-active body .service-index a{border-color:var(--line)}
html.palette-active body:is(.design-klar,.design-mosaik,.design-lebensraeume) .service-index a{background:var(--surface)}
html.palette-active body .form-panel{background:var(--paper);border-color:var(--line)}
html.palette-active body.design-klar .form-panel{border-top-color:var(--accent)}
html.palette-active body .preview-notice,html.palette-active body .form-status{background:var(--surface);border-left-color:var(--accent);color:var(--muted)}
html.palette-active body .preview-notice strong{color:var(--ink)}
html.palette-active body :is(.field input,.field select,.field textarea,.dialog-chooser>select){background:var(--paper);border-color:var(--line);color:var(--ink)}
html.palette-active body:is(.design-atelier,.design-kontur) :is(.field input,.field select,.field textarea){background:transparent}
html.palette-active body :is(.field input,.field textarea)::placeholder{color:var(--muted)}
html.palette-active body .form-note,html.palette-active body .privacy-hint{color:var(--muted)}
html.palette-active body .panorama-front>div{background:var(--palette-glass);border-color:var(--line)}
html.palette-active body .panorama-caption{background:var(--palette-glass);color:var(--muted)}
html.palette-active body .panorama-hero{background:var(--surface)}
html.palette-active body .raster-big-five{color:var(--palette-highlight)}
html.palette-active body .journal-hero,html.palette-active body .journal-masthead,html.palette-active body .journal-section-title,html.palette-active body .journal-bottom,html.palette-active body.design-journal .site-header{border-color:var(--line)}
html.palette-active body .dialog-step,html.palette-active body .dialog-mini-steps strong{color:var(--accent)}
html.palette-active body .dialog-mini-steps,html.palette-active body .dialog-mini-steps strong{border-color:var(--line)}
html.palette-active body .dialog-mini-steps>span,html.palette-active body .dialog-chooser>p,html.palette-active body .dialog-promise p{color:var(--muted)}
html.palette-active body .horizont-legend,html.palette-active body .horizont-photo,html.palette-active body .object-grid article,html.palette-active body .plan-diagram>strong,html.palette-active body .plan-diagram>ul{border-color:var(--line)}
html.palette-active body .horizont-line-label{background:var(--paper)}
html.palette-active body .horizont-photo-note{background:var(--palette-glass);color:var(--ink)}
html.palette-active body .plan-diagram li>a:before{background:var(--accent)}
html.palette-active body .mosaic-service{background:var(--surface);border-color:var(--line)}
html.palette-active body .mosaic-service:is(.tile-0,.tile-3,.tile-4){background:var(--surface-2)}
html.palette-active body .mosaic-service:hover{background:var(--surface-2);border-color:var(--accent)}
html.palette-active body .mosaic-service>span{color:var(--muted)}
html.palette-active body .mosaic-park>span,html.palette-active body .mosaic-garden>span{background:var(--palette-glass);color:var(--ink)}
html.palette-active body .mosaic-detail{background:var(--paper)}
html.palette-active body .mosaic-detail[open]{border-color:var(--accent)}
html.palette-active body .contour-circle{border-color:var(--accent);color:var(--accent)}
html.palette-active body .contour-circle:hover{background:var(--surface)}
html.palette-active body .contour-image>figcaption{background:var(--palette-inverse);color:#fff}
html.palette-active body:is(.design-atelier,.design-journal,.design-horizont,.design-kontur,.design-raster) .main-nav .nav-action{background:transparent;border-color:var(--accent);color:var(--accent)}
html.palette-active body:is(.design-lebensraeume,.design-dialog,.design-panorama) .main-nav .nav-action{background:var(--surface);border-color:var(--line);color:var(--accent)}
html.palette-active body:is(.design-atelier,.design-journal,.design-horizont,.design-kontur,.design-raster) .main-nav .nav-action:hover{background:var(--surface);color:var(--ink)}
html.palette-active body.design-horizont .button{background:transparent;border-color:var(--accent);color:var(--accent)}
html.palette-active body.design-horizont .button:hover{background:var(--surface-2)}
@media(max-width:1000px){.palette-picker{margin-right:8px}.palette-panel{right:-70px}}
@media(max-width:760px){.design-bar>.wrap{gap:8px}.design-bar>.wrap>a{font-size:7px}.palette-picker{font-size:8px;margin-right:0}.palette-picker>summary{gap:4px}.palette-picker>summary>span{font-size:10px}.palette-panel{width:min(345px,calc(100vw - 32px));right:-95px;padding:18px;top:calc(100% + 12px)}.palette-options{gap:7px}.palette-options>button{font-size:8px;padding:9px 7px;gap:6px}.palette-options>button[aria-pressed=true]{padding:8px 6px}.palette-swatch{width:17px;height:17px}.palette-panel-title{font-size:11px}.palette-panel>p:not(.palette-panel-title){font-size:9px}.palette-choice-line{font-size:8px}.palette-choice-swatches{gap:10px}.palette-original-link{font-size:9px}.choice-palette-intro{font-size:10px;margin-top:22px}html.palette-active body .panorama-caption{background:transparent;color:var(--muted)}}
@media(max-width:370px){.palette-panel{right:-83px;width:calc(100vw - 32px)}.palette-options>button{font-size:7px;gap:5px}.palette-swatch{width:15px;height:15px}.design-bar>.wrap>span{font-size:7px}.design-bar>.wrap>a{font-size:6px}}