/* The original black/red palette remains the night theme. Product images are never filtered. */
:root{--theme-fade:2.4s;--theme-ease:cubic-bezier(.4,0,.2,1)}
.theme-preview{position:absolute;z-index:2;top:20px;right:max(24px,calc((100% - 1316px)/2));display:flex;align-items:center;gap:12px;padding:7px 9px 7px 15px;border:1px solid var(--line);border-radius:999px;background:var(--panel);box-shadow:0 4px 18px #0000000a;color:var(--muted);font-size:10px}
.theme-preview-options{display:flex;gap:3px}
.theme-preview-options button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:7px 11px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:11px;white-space:nowrap}
.theme-preview-options button:hover{background:var(--bg);color:var(--text)}
.theme-preview-options button[aria-pressed="true"]{background:var(--bg);border-color:var(--red);color:var(--text)}
.theme-preview-options button:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.theme-swatch{width:10px;height:10px;flex:none;border:1px solid #88888870;border-radius:50%;background:conic-gradient(#e7f2ff,#dba56a,#24212e,#e7f2ff)}
[data-theme-choice="light"] .theme-swatch{background:linear-gradient(135deg,#fff,#9fc8f1)}
[data-theme-choice="warm"] .theme-swatch{background:linear-gradient(135deg,#ffe8b7,#b16b35)}
[data-theme-choice="dark"] .theme-swatch{background:linear-gradient(135deg,#20202b,#d12b4e)}
@media(max-width:760px){.theme-preview{top:16px;left:20px;right:20px;justify-content:center;gap:8px;padding:5px 7px;font-size:9px}.theme-preview-options button{min-height:40px;padding:8px;font-size:10px;gap:5px}.hero-content{padding-top:103px}}
@media(max-width:390px){.theme-preview{left:14px;right:14px;gap:6px}.theme-preview-options button{padding:8px 7px}}
:root[data-theme="light"],:root[data-theme="warm"]{
  color-scheme:light;
  --panel-hover:var(--day-hover);
  --red-dark:var(--day-selected-border);
  --soft:var(--day-notice);
}
:root[data-theme="light"]{
  --bg:#f7f8fb;--panel:#fff;--line:#d8dce5;--text:#20232d;--muted:#626978;--red:#cf1740;
  --day-hover:#eef0f5;--day-selected:#fceaf0;--day-selected-border:#eab0bf;
  --day-header:#ffffffef;--day-notice:#fff1f4;--day-subtle:#737b8b;--day-accent:#b31f42;
  --day-card:linear-gradient(145deg,#fff,#f1f3f8);
  --day-cta:radial-gradient(ellipse at bottom,#fae2e9,transparent 70%);
}
:root[data-theme="warm"]{
  --bg:#f6e9dc;--panel:#fff8f0;--line:#dfc8b3;--text:#3c291f;--muted:#765d4c;--red:#b8352b;
  --day-hover:#f0ddc9;--day-selected:#fae0bc;--day-selected-border:#d1a26b;
  --day-header:#fff7eded;--day-notice:#fbe4c9;--day-subtle:#846b56;--day-accent:#a14820;
  --day-card:linear-gradient(145deg,#fffaf2,#efd6b8);
  --day-cta:radial-gradient(ellipse at bottom,#edc392,transparent 72%);
}
:root:is([data-theme="light"],[data-theme="warm"]) .site-header{background:var(--day-header);border-color:var(--line)}
:root:is([data-theme="light"],[data-theme="warm"]) :is(input,select,textarea){background:var(--panel);color:var(--text);border-color:var(--line)}
:root:is([data-theme="light"],[data-theme="warm"]) .hero .eyebrow{color:var(--day-accent)}
:root:is([data-theme="light"],[data-theme="warm"]) :is(.hero-description,.hero-footnote){color:var(--muted)}
:root:is([data-theme="light"],[data-theme="warm"]) .brand small{color:var(--day-subtle)}
:root:is([data-theme="light"],[data-theme="warm"]) .brand>img{background:#17171d;border-radius:50%;padding:2px}
:root:is([data-theme="light"],[data-theme="warm"]) .language-switch button[aria-pressed="true"]{background:var(--day-hover);color:var(--text)}
:root:is([data-theme="light"],[data-theme="warm"]) .button:hover{background:var(--day-hover)}
:root:is([data-theme="light"],[data-theme="warm"]) .button-red{color:#fff}
:root:is([data-theme="light"],[data-theme="warm"]) .button-red:hover{background:var(--day-accent);border-color:var(--day-accent)}
:root:is([data-theme="light"],[data-theme="warm"]) :is(.text-link,.text-link:hover){color:var(--text)}
:root:is([data-theme="light"],[data-theme="warm"]) .category-card{background:var(--day-card)}
:root:is([data-theme="light"],[data-theme="warm"]) :is(.category-card:after,.category-card small){color:var(--muted)}
:root:is([data-theme="light"],[data-theme="warm"]) .category-icon{color:var(--day-accent)}
:root:is([data-theme="light"],[data-theme="warm"]) :is(.category-card:hover,.product-card:hover){border-color:var(--day-selected-border)}
:root:is([data-theme="light"],[data-theme="warm"]) .demo-banner{background:var(--day-notice);border-color:var(--day-selected-border);color:var(--muted)}
:root:is([data-theme="light"],[data-theme="warm"]) :is(.demo-banner svg,.feature-tab svg,.step-number){color:var(--day-accent)}
:root:is([data-theme="light"],[data-theme="warm"]) .feature-section{background:var(--day-hover);border-color:var(--line)}
:root:is([data-theme="light"],[data-theme="warm"]) .feature-tab[aria-pressed="true"]{background:var(--day-selected);border-color:var(--day-selected-border);color:var(--text)}
:root:is([data-theme="light"],[data-theme="warm"]) .feature-stage{background:var(--panel);border-color:var(--line)}
:root:is([data-theme="light"],[data-theme="warm"]) :is(.feature-overlay,.feature-label,.gallery-caption){color:#f6f6f8}
:root:is([data-theme="light"],[data-theme="warm"]) .mini-chip{color:var(--muted)}
:root:is([data-theme="light"],[data-theme="warm"]) .bottom-cta{background:var(--day-cta)}
:root:is([data-theme="light"],[data-theme="warm"]) :is(.footer-social>span,.footer-bottom,.filter-note,.privacy-note,.detail-small-note,.quote-disclaimer){color:var(--day-subtle)}
:root:is([data-theme="light"],[data-theme="warm"]) .category-pill{background:var(--panel);color:var(--muted)}
:root:is([data-theme="light"],[data-theme="warm"]) .category-pill.active{background:var(--day-selected);border-color:var(--day-selected-border);color:var(--text)}
:root:is([data-theme="light"],[data-theme="warm"]) .category-pill.active svg{color:var(--day-accent)}
:root:is([data-theme="light"],[data-theme="warm"]) :is(.field-label,.check-label,.quote-panel label){color:var(--muted)}
:root:is([data-theme="light"],[data-theme="warm"]) .detail-version{background:var(--day-hover)}
:root:is([data-theme="light"],[data-theme="warm"]) :is(.detail-info .description,.detail-info dd){color:var(--muted)}
:root:is([data-theme="light"],[data-theme="warm"]) .quote-summary{background:var(--bg);color:var(--text)}
:root:is([data-theme="light"],[data-theme="warm"]) .add-circle.in-cart{background:var(--day-selected);color:var(--day-accent)}
:root:is([data-theme="light"],[data-theme="warm"]) .empty-state{border-color:var(--line)}
:root:is([data-theme="light"],[data-theme="warm"]) .main-nav{border-color:var(--line)}
.appearance-switch{display:inline-flex;gap:8px;align-items:center;white-space:nowrap;color:var(--muted);font-size:10px}
.appearance-switch select{padding:5px 8px;border-radius:7px;font-size:10px;max-width:150px;min-height:30px}
/* Local content editor uses the same time palette without altering its editing behavior. */
:root:is([data-theme="light"],[data-theme="warm"]) .wrap :is(.field input,.field select,.field textarea){background:var(--bg);border-color:var(--line);color:var(--text)}
:root:is([data-theme="light"],[data-theme="warm"]) .wrap .notice{background:var(--day-notice);border-color:var(--day-selected-border);color:var(--text)}
:root:is([data-theme="light"],[data-theme="warm"]) .wrap .product-item[aria-pressed="true"]{background:var(--day-selected);border-color:var(--day-selected-border)}
:root:is([data-theme="light"],[data-theme="warm"]) .wrap .product-item:hover{background:var(--day-hover)}
:root:is([data-theme="light"],[data-theme="warm"]) .wrap .tabs button[aria-selected="true"]{background:var(--day-selected);color:var(--day-accent)}
:root:is([data-theme="light"],[data-theme="warm"]) .wrap :is(.status,.brand,.danger){color:var(--day-accent)}
:root:is([data-theme="light"],[data-theme="warm"]) .wrap .button{background:var(--panel);border-color:var(--line);color:var(--text)}
:root:is([data-theme="light"],[data-theme="warm"]) .wrap .primary{background:var(--red);border-color:var(--red);color:#fff}
:root:is([data-theme="light"],[data-theme="warm"]) .wrap .danger{background:var(--day-notice);color:var(--day-accent);border-color:var(--day-selected-border)}
:root:is([data-theme="light"],[data-theme="warm"]) .wrap .languages button[aria-pressed="true"]{background:var(--day-hover)}
:root:is([data-theme="light"],[data-theme="warm"]) .wrap .image-preview{background:var(--day-hover)}
:root:is([data-theme="light"],[data-theme="warm"]) .wrap .status[data-error="true"]{color:#a12a37}
@media(max-width:760px){.appearance-switch select{font-size:12px;min-height:36px}.footer-bottom>div{align-items:center}}

/* Registered colors also interpolate inside card and footer gradients. */
@property --category-from{syntax:"<color>";inherits:true;initial-value:#181418}
@property --category-to{syntax:"<color>";inherits:true;initial-value:#101014}
@property --cta-glow{syntax:"<color>";inherits:true;initial-value:#33111c}
:root{--category-from:#181418;--category-to:#101014;--cta-glow:#33111c}
:root[data-theme="light"]{--category-from:#fff;--category-to:#f1f3f8;--cta-glow:#fae2e9}
:root[data-theme="warm"]{--category-from:#fffaf2;--category-to:#efd6b8;--cta-glow:#edc392}
:root[data-theme-transitioning]{transition:--category-from var(--theme-fade) var(--theme-ease),--category-to var(--theme-fade) var(--theme-ease),--cta-glow var(--theme-fade) var(--theme-ease)}
:root .category-card,:root:is([data-theme="light"],[data-theme="warm"]) .category-card{background:linear-gradient(145deg,var(--category-from),var(--category-to))}
:root .bottom-cta,:root:is([data-theme="light"],[data-theme="warm"]) .bottom-cta{background:radial-gradient(ellipse at bottom,var(--cta-glow),transparent 70%)}
/* Keep all three artworks mounted so an interrupted fade continues without swapping images. */
.hero{background-color:var(--bg);background-image:none}
.hero:before{content:none}
.hero-art,.hero-art-layer{position:absolute;inset:0;pointer-events:none}
.hero-art-layer{background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;transition:opacity var(--theme-fade) var(--theme-ease)}
.hero-art-night{background-image:linear-gradient(0deg,#0b0b0e 0%,transparent 25%,transparent 70%,#0b0b0e15),url("assets/hero.webp")}
.hero-art-morning{background-image:linear-gradient(0deg,#f7f8fb,transparent 35%),url("assets/hero-morning.webp")}
.hero-art-afternoon{background-image:linear-gradient(0deg,#f6e9dc,transparent 35%),url("assets/hero-afternoon.webp")}
:root[data-theme="dark"] .hero-art-night,:root[data-theme="light"] .hero-art-morning,:root[data-theme="warm"] .hero-art-afternoon{opacity:1}
/* Only theme changes slow color transitions; normal hover and product zoom stay responsive. */
:root[data-theme-transitioning] body,:root[data-theme-transitioning] body *:not(.hero-art-layer){transition:background-color var(--theme-fade) var(--theme-ease),color var(--theme-fade) var(--theme-ease),border-color var(--theme-fade) var(--theme-ease),box-shadow var(--theme-fade) var(--theme-ease),fill var(--theme-fade) var(--theme-ease),stroke var(--theme-fade) var(--theme-ease),transform .2s ease}
:root[data-theme-transitioning] body :is(img,.product-image-link img){transition:transform .4s}
@media(max-width:760px){.hero-art-layer{background-size:auto 100%}.hero-art-night{background-image:linear-gradient(0deg,#0b0b0e,transparent 30%),linear-gradient(90deg,#0b0b0e48,#0b0b0e30,#0b0b0e48),url("assets/hero.webp")}}
@media(prefers-reduced-motion:reduce){:root{--theme-fade:0s}.hero-art-layer,:root[data-theme-transitioning] body,:root[data-theme-transitioning] body *{transition:none!important}}