.theme-switch { display: flex; align-items: center; gap: 4px; white-space: nowrap; font-size: 11px; color: #a2adb0; }
.theme-switch button { min-height: 44px; padding: 8px 5px; border: 0; background: transparent; color: var(--muted); font: inherit; font-size: 12px; cursor: pointer; }
.theme-switch button[aria-pressed="true"] { color: #e4c99c; }
.theme-switch button:hover { color: var(--ink); }

@media (min-width: 761px) and (max-width: 1330px) {
  .header { height: auto; min-height: 88px; flex-wrap: wrap; padding-top: 12px; padding-bottom: 12px; }
  .header nav { order: 3; width: 100%; justify-content: center; margin-top: 8px; }
  .header nav:empty { display: none; }
}
@media (max-width: 760px) {
  .header-tools { margin-inline-start: auto; }
}
@media (max-width: 420px) {
  .theme-switch { gap: 2px; }
  .theme-switch button { font-size: 11px; padding-inline: 3px; }
  .header-tools { gap: 5px; }
}

html[data-theme="light"] {
  color-scheme: light;
  --paper: #f6f5f1;
  --ink: #242725;
  --muted: #626660;
  --line: #dcddd6;
  --blue: #182a38;
  --gold: #75542e;
  --day-panel: #eaebe6;
  --day-raised: #fcfbf8;
  --day-selected: #e0e6e8;
  --day-border: #a3a9a3;
}

html[data-theme="light"] :is(.header, .site-footer) { background: var(--paper); color: var(--ink); border-color: var(--line); }
html[data-theme="light"] :is(.header nav, .brandwords, .site-footer .footer-legal, .switch) { color: var(--ink); border-color: var(--line); }
html[data-theme="light"] .site-footer .footer-brand .brandwords { border-color: var(--line); }
html[data-theme="light"] :is(.language-switch button, .site-footer p) { color: var(--muted); }
html[data-theme="light"] :is(.language-switch, .theme-switch) { color: var(--muted); }
html[data-theme="light"] :is(.language-switch button[aria-pressed="true"], .language-switch button:hover, .theme-switch button[aria-pressed="true"], .theme-switch button:hover, .header nav a[aria-current="page"], .header nav a:hover, .text-link:hover, .site-footer a:hover, .footer-back-to-top:hover) { color: var(--gold); }
html[data-theme="light"] .welcome { background: var(--paper); }
html[data-theme="light"] :is(.welcome h1, .fabric-code, .business-intro .lead) { color: var(--ink); }
html[data-theme="light"] :is(h1 em, .entry-num, .eyebrow.light, .scene-look-heading span, .scene-look-heading b, .timeline time, .timeline li.revealed time, .process > div > span, .process > div.revealed > span) { color: var(--gold); }
html[data-theme="light"] :is(.entry small, .hero-label, figcaption, .fine, .company-context, .organization .legal-name, .fabric-description, .fabric-note, .fabric-footnotes, .fabric-specs dt, .fabric-thumbs button, .fabric-selector button, .scene-look-grid article p, .scene-look-grid .scene-look-link, .tailoring-back, .inquiry-back, .choice-help) { color: var(--muted); }
html[data-theme="light"] :is(.entry-list, .entry, .organization article, .timeline li, .process > div, .fabric-selector, .fabric-selector button + button, .fabric-specs > div, .fabric-footnotes) { border-color: var(--line); }
html[data-theme="light"] .entry:hover { background: var(--day-panel); }
html[data-theme="light"] :is(.entry strong, .entry b, .contact-strip, .inquiry-section, .company-cta, .welcome .white) { color: var(--blue); }
html[data-theme="light"] :is(.contact-strip p, .inquiry-section p, .inquiry-section label) { color: var(--muted); }
html[data-theme="light"] :is(.inquiry-section input, .inquiry-section textarea):focus { border-color: var(--blue); }
html[data-theme="light"] :is(.personal-hero, .contact-strip, .inquiry-section, .company-cta, .soft, .fabric-section) { background: var(--day-panel); border-color: var(--line); }
html[data-theme="light"] :is(.benefits, .business-ticker) { background: var(--day-panel); color: var(--ink); }
html[data-theme="light"] :is(.dark, .ivory, .toast) { background: var(--blue); color: var(--paper); border-color: var(--blue); }
html[data-theme="light"] :is(.dark, .ivory):hover { background: #304655; }
html[data-theme="light"] .outline { color: var(--blue); border-color: var(--day-border); }
html[data-theme="light"] .outline:hover { background: var(--day-selected); }
html[data-theme="light"] :is(.case-photo, .company-hero img, .fabric-main, .look-grid.scene-look-grid article img) { background: var(--day-panel); border-color: var(--line); }

html[data-theme="light"] :is(.summary, .builder-paths button, .fabric-categories, .fabric-filters, .gallery-card, .catalog-dialog, .fabric-dialog, .wechat-dialog, .captcha-dialog) { background: var(--day-raised); color: var(--ink); border-color: var(--day-border); }
html[data-theme="light"] :is(.summary p, .summary small, .builder-paths small, .catalog-figure figcaption, .gallery-card-name > :last-child) { color: var(--muted); }
html[data-theme="light"] :is(.builder-paths button > span, .builder-paths b, .fabric-selector button > span, .captcha-status, .personal-order .order-image-note) { color: var(--gold); }
html[data-theme="light"] :is(.choice button, .case-controls button, .gallery-tabs button, .case-scene-options button, .fabric-category-options button, .fabric-filter-toggle, .fabric-filter-clear, .catalog-controls button, .catalog-close, .fabric-dialog button, .wechat-close) { background: var(--day-raised); color: var(--ink); border-color: var(--day-border); }
html[data-theme="light"] :is(.gallery-card:hover, .gallery-card:focus-visible, .choice button:hover, .case-controls button:hover) { border-color: var(--gold); }
html[data-theme="light"] :is(.choice button.active, .case-controls button[aria-pressed="true"], .gallery-tabs button[aria-pressed="true"], .case-scene-options button[aria-pressed="true"], .fabric-category-options button[aria-pressed="true"], .catalog-controls button[aria-pressed="true"], .fabric-selector button[aria-pressed="true"], .fabric-thumbs button[aria-pressed="true"], .builder-paths button:hover, .builder-paths button[aria-selected="true"]) { background: var(--day-selected); color: var(--blue); border-color: var(--blue); }
html[data-theme="light"] .case-scene-options button[aria-pressed="true"] { box-shadow: inset 0 -2px var(--blue); }
html[data-theme="light"] :is(.case-scenes-all[aria-pressed="true"], .fabric-filter-toggle[aria-expanded="true"]) { color: var(--blue); border-color: var(--blue); }
html[data-theme="light"] :is(.fabric-specs dd, .scene-recommendation dd) { color: var(--ink); }
html[data-theme="light"] :is(.personal-order input, .personal-order textarea, .inquiry-section input, .inquiry-section textarea, .gallery-search input, .fabric-filters input, .fabric-filters select, .captcha-row input) { color: var(--ink); background: var(--day-raised); border-color: var(--day-border); }
html[data-theme="light"] :is(.inquiry-section input, .inquiry-section textarea, .gallery-search input, .fabric-filters input)::placeholder { color: var(--muted); }
html[data-theme="light"] .fabric-filter-error { color: #853622; }

html[data-theme="light"] .scene-explorer { background: var(--day-panel); border-color: var(--day-border); }
html[data-theme="light"] .scene-explorer::before,
html[data-theme="light"] .scene-explorer[data-scene="daily"]::before { background-image: linear-gradient(90deg, #f6f5f1ed, #f6f5f1bb); }
html[data-theme="light"] .scene-buttons { scrollbar-color: #9ba39b var(--day-panel); }
html[data-theme="light"] :is(.scene-buttons button, .scene-preferences button, .scene-recommendation) { background: #fcfbf8ed; color: var(--ink); border-color: var(--day-border); }
html[data-theme="light"] :is(.scene-buttons button[aria-pressed="true"], .scene-preferences button[aria-pressed="true"], .scene-reference) { background: var(--day-selected); color: var(--blue); border-color: var(--blue); }
html[data-theme="light"] :is(.scene-buttons small, .scene-intro, .scene-description, .basic-intro p, .scene-note, .scene-recommendation dt) { color: var(--muted); }
html[data-theme="light"] :is(.scene-details, .scene-recommendation dl > div, #tailoring #personal-contact) { border-color: var(--line); }

/* The batch hero keeps white type over its full-width photo. */
html[data-theme="light"] .business-content { color: #f6f5f1; }
html[data-theme="light"] .business-content :is(.eyebrow, h1 em) { color: #e4c99c; }
html[data-theme="light"] .business-content > p { color: #dddeda; }
html[data-theme="light"] .business-content .ivory { background: var(--paper); color: var(--blue); }