/* YOKO v2.23: Public website light/dark presentation. Photographs are never filtered. */
:root{--yoko-page:#ffffff;--yoko-ink:#14201d;--yoko-muted:#6d7872;--yoko-line:#e3e7e2;--yoko-soft:#f4f5f0;--yoko-panel:#ffffff}
html[data-yoko-theme="dark"]{--yoko-page:#111715;--yoko-ink:#edf1ec;--yoko-muted:#b4bdb6;--yoko-line:#38423c;--yoko-soft:#19221e;--yoko-panel:#202a25;color-scheme:dark}
body{background:var(--yoko-page);color:var(--yoko-ink);transition:background-color .25s,color .25s}
/* Integrate with existing tokens without changing image files or slide logic. */
html[data-yoko-theme="dark"] body{--ink:var(--yoko-ink);--muted:var(--yoko-muted);--line:var(--yoko-line);--off:var(--yoko-soft);--green:#d1b67e}
html[data-yoko-theme="dark"] .section-muted,html[data-yoko-theme="dark"] .catalog-section,html[data-yoko-theme="dark"] .page-hero,html[data-yoko-theme="dark"] .section:not(.hero),html[data-yoko-theme="dark"] .yoko-feature-tiles{background-color:var(--yoko-page);color:var(--yoko-ink)}
html[data-yoko-theme="dark"] .chip{border-color:var(--yoko-line);color:var(--yoko-ink)}
html[data-yoko-theme="dark"] .chip.selected,html[data-yoko-theme="dark"] .chip:hover{background:#c4a469;color:#121815}
html[data-yoko-theme="dark"] .contact-form-wrap,html[data-yoko-theme="dark"] .catalog-search input,html[data-yoko-theme="dark"] .form-grid input,html[data-yoko-theme="dark"] .form-grid textarea,html[data-yoko-theme="dark"] .contact-layout input,html[data-yoko-theme="dark"] .contact-layout textarea{background:var(--yoko-panel);color:var(--yoko-ink);border-color:var(--yoko-line)}
html[data-yoko-theme="dark"] .contact-form-wrap input::placeholder,html[data-yoko-theme="dark"] .catalog-search input::placeholder{color:#9ca7a0}
html[data-yoko-theme="dark"] .product-meta,html[data-yoko-theme="dark"] .category-title,html[data-yoko-theme="dark"] .section-top{color:var(--yoko-ink)}
/* All uploaded product, tile, category and hero imagery stays untouched. */
/* Header on inner pages; full-screen transparent hero header stays untouched before scroll. */
html[data-yoko-theme="dark"] .site-header:not(.home-overlay),html[data-yoko-theme="dark"] .site-header.home-overlay.scrolled{background:#131c18;color:#f1f4f0;box-shadow:0 6px 35px #0005}
html[data-yoko-theme="dark"] .site-header:not(.home-overlay) .header-search,html[data-yoko-theme="dark"] .site-header.home-overlay.scrolled .header-search{border-color:#66746b}
html[data-yoko-theme="dark"] .site-header:not(.home-overlay) .header-search input,html[data-yoko-theme="dark"] .site-header.home-overlay.scrolled .header-search input{color:#f5f7f4}
html[data-yoko-theme="dark"] .site-header:not(.home-overlay) .header-search svg,html[data-yoko-theme="dark"] .site-header.home-overlay.scrolled .header-search svg{stroke:#f5f7f4}
html[data-yoko-theme="dark"] .site-header:not(.home-overlay) .menu-toggle span,html[data-yoko-theme="dark"] .site-header.home-overlay.scrolled .menu-toggle span{background:#f5f7f4}
html[data-yoko-theme="dark"] .mobile-menu{background:#19221e;color:#f1f4f0}
/* Theme button sits after search, before hamburger, exactly at marked header location. */
.yoko-theme-switch{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(255,255,255,.08);color:inherit;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}
.yoko-theme-switch:hover{transform:translateY(-1px);border-color:#d2b57d;background:rgba(189,159,99,.15)}
.yoko-theme-switch:focus-visible{outline:2px solid #c9a76f;outline-offset:3px}
.yoko-theme-switch svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.yoko-theme-switch .yoko-theme-sun{display:none}
html[data-yoko-theme="dark"] .yoko-theme-switch .yoko-theme-sun{display:block}
html[data-yoko-theme="dark"] .yoko-theme-switch .yoko-theme-moon{display:none}
.site-header:not(.home-overlay) .yoko-theme-switch,.site-header.scrolled .yoko-theme-switch{border-color:#bcc4bb}
html[data-yoko-theme="dark"] .site-header:not(.home-overlay) .yoko-theme-switch,html[data-yoko-theme="dark"] .site-header.scrolled .yoko-theme-switch{border-color:#5b685f;color:#fff}
@media(max-width:760px){.header-right{gap:8px}.yoko-theme-switch{width:36px;height:36px}.yoko-theme-switch svg{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){body,.yoko-theme-switch{transition:none}}

/* Repair release: improve visibility on content sections */
html[data-yoko-theme="dark"] .products-grid,html[data-yoko-theme="dark"] .product-marquee-section,html[data-yoko-theme="dark"] .yoko-product-marquee,html[data-yoko-theme="dark"] .category-grid{color:#eef2ed}
html[data-yoko-theme="dark"] .product-meta h3,html[data-yoko-theme="dark"] .product-meta span{color:#e8efe8}
html[data-yoko-theme="dark"] .section-top h2,html[data-yoko-theme="dark"] .section h2{color:#f1f3ef}
html[data-yoko-theme="dark"] .about-layout,html[data-yoko-theme="dark"] .contact-layout{background:#111715;color:#edf1ec}
html[data-yoko-theme="dark"] .footer-bottom{color:inherit}