/* Verre & Flamme storefront theme. Loaded last so both modes retain the approved layout. */
.theme-toggle .theme-sun{display:none}
.theme-toggle .theme-moon{display:block}
.theme-toggle svg{transition:transform .35s ease}
.theme-toggle:hover svg{transform:rotate(12deg)}

html[data-theme="dark"]{
  color-scheme:dark;
  --ivory:#151210;
  --ivory-2:#211b18;
  --paper:#1b1715;
  --ink:#f3ece4;
  --muted:#b9aca2;
  --line:rgba(243,236,228,.17);
  --white:#f8f1e8;
  --vf-ivory:#151210;
  --vf-paper:#1b1715;
  --vf-ink:#f3ece4;
  --vf-line:rgba(243,236,228,.17);
  --mh-grid:rgba(206,112,124,.2);
  --mh-ink:#f3ece4;
  --mh-paper:#151210;
}
html[data-theme="dark"],html[data-theme="dark"] body{background:#151210;color:#f3ece4}
html[data-theme="dark"] .theme-toggle .theme-sun{display:block}
html[data-theme="dark"] .theme-toggle .theme-moon{display:none}
html[data-theme="dark"] .announcement,
html[data-theme="dark"] .menu-panel,
html[data-theme="dark"] .error-state,
html[data-theme="dark"] .toast{background:#211713;color:#f8f1e8}
html[data-theme="dark"] .site-header{background:rgba(21,18,16,.95);box-shadow:0 1px 0 var(--line)}
html[data-theme="dark"] .brand>img,
html[data-theme="dark"] .footer-intro>img,
html[data-theme="dark"] .collaboration-signature img{filter:invert(1) hue-rotate(140deg) saturate(.75) brightness(1.08)}
html[data-theme="dark"] .home-hero,
html[data-theme="dark"] .hero-image{background:#211b18}
html[data-theme="dark"] .hero-shade{background:linear-gradient(90deg,rgba(21,18,16,.92) 0%,rgba(21,18,16,.74) 24%,rgba(21,18,16,.2) 43%,transparent 63%)}
html[data-theme="dark"] .hero-copy h1{color:#f8f1e8;text-shadow:0 1px 18px rgba(0,0,0,.3)}
html[data-theme="dark"] .hero-copy h1::before{background:radial-gradient(ellipse,rgba(21,18,16,.5) 10%,rgba(21,18,16,.25) 55%,transparent 75%)}
html[data-theme="dark"] .hero-copy::before,
html[data-theme="dark"] .hero-copy>.kicker{background:rgba(21,18,16,.82);color:#d98b96}
html[data-theme="dark"] .hero-note{background:rgba(21,18,16,.8);color:#f3ece4}
html[data-theme="dark"] .world-entrances>a,
html[data-theme="dark"] .facet-grid a,
html[data-theme="dark"] .editorial-card{background:#1b1715;color:#f3ece4;border-color:var(--line)}
html[data-theme="dark"] .world-entrances .world-image{background:linear-gradient(145deg,#2a221f,#3a302b 52%,#201a18)}
html[data-theme="dark"] .world-entrances .world-image::after{background:linear-gradient(125deg,rgba(255,255,255,.06),transparent 55%)}
html[data-theme="dark"] .product-visual,
html[data-theme="dark"] .series-images figure,
html[data-theme="dark"] .product-gallery figure,
html[data-theme="dark"] .moment-piece,
html[data-theme="dark"] .material-closeup,
html[data-theme="dark"] .search-result-grid img,
html[data-theme="dark"] .search-result-grid video,
html[data-theme="dark"] .drawer-item>div{background:#28211e}
html[data-theme="dark"] .moment-piece span:not(.image-missing){background:rgba(27,23,21,.92)}
html[data-theme="dark"] .archive-story{background:#2b221e}
html[data-theme="dark"] .section-heading>p,
html[data-theme="dark"] .moment-empty,
html[data-theme="dark"] .emotion-grid span{color:var(--muted)}
html[data-theme="dark"] .maison-links>*:nth-child(2),
html[data-theme="dark"] .empty-block{background:#241d1a}
html[data-theme="dark"] .site-footer{background:#1d1816}
html[data-theme="dark"] .panel:not(.menu-panel):not(.concierge-panel){background:#1b1715;color:#f3ece4}
html[data-theme="dark"] .status-chip,
html[data-theme="dark"] .favorite-button{background:rgba(27,23,21,.9);color:#f3ece4}
html[data-theme="dark"] .status-chip.sold{background:#0f0d0c;color:#f8f1e8}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{background-color:#1b1715;color:#f3ece4}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#8f8178}
html[data-theme="dark"] .button-dark{background:#f3ece4;color:#211713;border-color:#f3ece4}

@media(max-width:900px){
  .theme-toggle{position:absolute!important;left:58px;top:18px;z-index:2;width:40px!important;height:40px!important}
}
@media(max-width:600px){
  .header-tools{position:static!important}
  .theme-toggle{left:calc(max(4px,env(safe-area-inset-left)) + 48px);top:10px;width:44px!important;height:44px!important}
}
@media(prefers-reduced-motion:reduce){.theme-toggle svg{transition:none}}