/* Additive choices only: original light and dark rules remain unchanged. */
:root[data-theme=white],.appearance-preview[data-preview-theme=white]{color-scheme:light;--bg:#fff;--panel:#fff;--ink:#222;--muted:#595959;--accent:#222;--champagne:#f2f2f2;--line:#dedede;--button:#222;--button-text:#fff;--shadow:0 16px 50px #00000012;--icon-filter:none}
:root[data-theme=rose],.appearance-preview[data-preview-theme=rose]{color-scheme:light;--bg:#fff5f6;--panel:#fffdfd;--ink:#43262e;--muted:#74535e;--accent:#e2b5bd;--champagne:#f0d4d2;--line:#d8bcc2;--button:#43262e;--button-text:#fffdfd;--shadow:0 16px 50px #43262e15;--icon-filter:none}
:root[data-theme=sand],.appearance-preview[data-preview-theme=sand]{color-scheme:light;--bg:#f5f0e8;--panel:#fffbf5;--ink:#3b3028;--muted:#716050;--accent:#d7bea1;--champagne:#e9d9c4;--line:#d2c4b4;--button:#3b3028;--button-text:#fffbf5;--shadow:0 16px 50px #3b302815;--icon-filter:none}
.appearance-preview[data-preview-theme=light]{--bg:#faf3eb;--panel:#fffaf5;--ink:#422c24;--muted:#786058;--button:#422c24;--button-text:#fffaf5;--line:#dccdc1}
.appearance-preview[data-preview-theme=dark]{--bg:#282328;--panel:#332c30;--ink:#faf2e8;--muted:#d4c3c4;--button:#faf2e8;--button-text:#282328;--line:#6d5c62}
:root:is([data-theme=white],[data-theme=rose],[data-theme=sand]) :focus-visible{outline-color:var(--ink)}
:root:is([data-theme=white],[data-theme=rose],[data-theme=sand]) :is(input,select,textarea,.secondary,.pill){border-color:var(--muted)}
:root:is([data-theme=white],[data-theme=rose],[data-theme=sand]) .hero:after{background:linear-gradient(180deg,transparent 33%,var(--bg) 68%)}
:root:is([data-theme=rose],[data-theme=sand]) .hero-copy{background:var(--bg);border-radius:20px;padding:16px}
:root[data-theme=white] #tabs{background:#fff}
:root[data-theme=white] .pill.selected{background:#222;color:#fff;border-color:#222}
:root[data-theme=white] .pill.selected .icon{filter:invert(1)}
:root[data-theme=white] .hero{min-height:0;justify-content:flex-start;padding-top:0;background:#fff}
:root[data-theme=white] .hero:after{display:none}
:root[data-theme=white] .hero>.topbar{position:relative;top:auto;left:auto;right:auto;order:-1;margin:24px 0;width:100%}
:root[data-theme=white] .hero>img,:root[data-theme=white] .hero>video{position:relative;inset:auto;z-index:auto;align-self:center;width:100%;height:300px;object-position:57% 35%;border-radius:24px}
:root[data-theme=white] .hero-copy{margin-top:24px;background:#fff}
:root[data-theme=white] .gift-preview{background:#fff;color:#222;border:1px solid #dedede}
:root[data-theme=white] .breath-teaser img{filter:none}
.appearance-options{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.appearance-options legend{font-size:13px;font-weight:600;padding:0 0 12px}
.appearance-option{display:flex;align-items:center;gap:12px;border:1px solid var(--muted);border-radius:18px;padding:16px;margin:0;cursor:pointer;min-width:0;background:var(--panel);font-weight:400}
.appearance-option:has(input:checked){outline:2px solid var(--ink);outline-offset:1px}
.appearance-option input{width:20px;height:20px;min-height:20px;flex:none}
.appearance-option strong{display:block;font-size:14px}.appearance-option small{display:block;margin-top:5px;font-size:11px;line-height:1.5}
.appearance-swatch{display:block;width:34px;height:34px;border-radius:50%;border:1px solid #888;flex:none}
.swatch-light,.swatch-studio{background:linear-gradient(135deg,#faf3eb 50%,#d6a1a5 50%)}.swatch-dark{background:linear-gradient(135deg,#282328 50%,#d9a0a5 50%)}.swatch-white{background:#fff}.swatch-rose{background:linear-gradient(135deg,#fff5f6 50%,#e2b5bd 50%)}.swatch-sand{background:linear-gradient(135deg,#f5f0e8 50%,#d7bea1 50%)}.swatch-system{background:linear-gradient(135deg,#faf3eb 50%,#282328 50%)}
.appearance-editor{max-width:760px}.appearance-preview{--control-line:var(--line);--accent-text:var(--accent);background:var(--bg);color:var(--ink);padding:26px;border:1px solid var(--line);border-radius:22px;min-width:0}.appearance-preview .appearance-preview-card{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.appearance-preview p{font-size:14px}.appearance-save{width:auto;flex:1;min-width:180px}.appearance-editor .primary{white-space:normal}.appearance-editor form{max-width:100%}
@media(max-width:599px){.appearance-options{grid-template-columns:1fr}.appearance-preview{padding:20px}.appearance-preview h3{font-size:31px}}
@media(min-width:700px){:root[data-theme=white] .hero{padding:0 8% 40px}:root[data-theme=white] .hero>img{height:420px}:root[data-theme=white] .hero-copy{max-width:600px}:root:is([data-theme=rose],[data-theme=sand]) .hero:after{background:linear-gradient(90deg,var(--bg),transparent 78%),linear-gradient(0deg,var(--bg),transparent 30%)}}
@media(forced-colors:active){.appearance-option:has(input:checked){outline-color:Highlight}.appearance-swatch{forced-color-adjust:none}}

/* Waldgrün uses the existing dark layout; only its palette changes. */
:root[data-palette=forest],.appearance-preview[data-preview-theme=forest]{color-scheme:dark;--bg:#102e26;--panel:#173b31;--ink:#faf3eb;--muted:#dacfc5;--accent:#d9a0a5;--champagne:#eee2d5;--line:#78958a;--button:#faf3eb;--button-text:#102e26;--shadow:0 16px 50px #0003;--icon-filter:invert(90%) sepia(9%) saturate(170%)}
:root[data-palette=forest] .hero:after{background:linear-gradient(180deg,#102e2600 20%,#102e2680 42%,#102e26 76%)}
:root[data-palette=forest] .pill.selected{background:var(--accent);color:#102e26;border-color:var(--accent)}
:root[data-palette=forest] .pill.selected .icon{filter:none}
:root[data-palette=forest] :is(input,select,textarea,.secondary,.pill){border-color:var(--line)}
.swatch-forest{background:linear-gradient(135deg,#102e26 50%,#d9a0a5 50%)}
@media(min-width:700px){:root[data-palette=forest] .hero:after{background:linear-gradient(90deg,#102e26dd,#102e2655 60%,#102e2600),linear-gradient(0deg,#102e26,transparent 35%)}}
