/* Keep the original product photography on pale display surfaces in both themes. */
:root { color-scheme: light; }
.theme-toggle {
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border: 1px solid var(--line);
  border-radius: 50%;
  color: var(--ink);
}
.theme-toggle:hover { background: #193c320c; }
.theme-toggle svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.theme-sun { display: none; }
[data-theme="dark"] .theme-moon { display: none; }
[data-theme="dark"] .theme-sun { display: block; }
[data-theme="dark"] {
  color-scheme: dark;
  --cream: #111d18;
  --ink: #eeeade;
  --muted: #aab8ab;
  --line: #34453a;
  --orange: #e5a274;
  --dark-accent: #c5d7aa;
}
[data-theme="dark"] .announcement { background: #0b1510; color: #d5dfca; }
[data-theme="dark"] .theme-toggle:hover { background: #c5d7aa15; }
[data-theme="dark"] .header-actions { color: var(--ink); }
[data-theme="dark"] .enquiry-trigger { border-color: #586b57; }
[data-theme="dark"] .enquiry-count { background: var(--dark-accent); color: #172b20; }
[data-theme="dark"] .language-switch button[aria-pressed="true"] { color: var(--dark-accent); }
[data-theme="dark"] .language-switch > span { color: #71816e; }
[data-theme="dark"] .button.primary { background: var(--dark-accent); color: #182b20; }
[data-theme="dark"] .button.primary:hover { background: #d8e6c4; }
[data-theme="dark"] .button.outline { border-color: #677b60; }
[data-theme="dark"] .button.outline:hover { background: #c5d7aa0d; }
[data-theme="dark"] .hero-visual { background: #233429; }
[data-theme="dark"] .arch { background: #3b503b; }
[data-theme="dark"] .hero-orbit,
[data-theme="dark"] .hero-orbit::after { border-color: #496044; }
[data-theme="dark"] .visual-note,
[data-theme="dark"] .visual-caption { color: #c2d0b4; }
[data-theme="dark"] .plinth { background: linear-gradient(100deg, #3c4f3d, #63765a 50%, #435741); box-shadow: 0 -1px 0 #9ba98a; }
[data-theme="dark"] .round-seal { background: #13251b; color: #e9eddb; outline-color: #b7c7a4; }
[data-theme="dark"] .mini-mark,
[data-theme="dark"] .benefits div span { color: #afc197; }
[data-theme="dark"] .spotlight-card { background: #203329; border-color: #3b5140; }
[data-theme="dark"] .spotlight-card:nth-child(2) { background: #352e23; border-color: #4e4535; }
[data-theme="dark"] .spotlight-brand { color: #c9d8b3; }
[data-theme="dark"] .catalogue { background: #15221b; }
[data-theme="dark"] .search-box { background: #1e3025; border-color: #3c5140; }
[data-theme="dark"] .search-box svg { stroke: #c5d7aa; }
[data-theme="dark"] .search-box input::placeholder,
[data-theme="dark"] #enquiry-form input::placeholder,
[data-theme="dark"] #enquiry-form textarea::placeholder { color: #a6b5a3; opacity: 1; }
[data-theme="dark"] .search-box kbd { color: #b8c7aa; border-color: #52664c; }
[data-theme="dark"] .sort-label select option { background: #1e3025; color: #eeeade; }
[data-theme="dark"] .filter-button:hover { background: #263b2c; }
[data-theme="dark"] .filter-button.active { background: #344b35; color: #e1ebcf; }
[data-theme="dark"] .filter-button span { color: #b2c3a4; }
[data-theme="dark"] .product-meta { color: #b3c5a5; }
[data-theme="dark"] .product-image { background: #e8e9dc; border-color: #e8e9dc; }
[data-theme="dark"] .product-image .zoom-hint { background: #fffefa; color: #193c32; }
[data-theme="dark"] .add-product.selected { color: #c5dba8; }
[data-theme="dark"] .about-art { color: #253d34; }
[data-theme="dark"] .trade { background: #243c2d; border: 1px solid #3c5540; }
[data-theme="dark"] .trade-steps > div { border-color: #52684b; }
[data-theme="dark"] .trade-steps > div:last-child { border-bottom: 0; }
[data-theme="dark"] .company-details strong { color: #d8e4c6; }
[data-theme="dark"] dialog { background: #18281f; box-shadow: 0 20px 80px #0008; }
[data-theme="dark"] dialog::backdrop { background: #050c08c9; }
[data-theme="dark"] .detail-image { background: #e8e9dc; }
[data-theme="dark"] .enquiry-thumbnail { background: #e8e9dc; border-radius: 3px; }
[data-theme="dark"] .empty-enquiry { background: #253b2b; border-color: #6a7e5c; }
[data-theme="dark"] #enquiry-form input,
[data-theme="dark"] #enquiry-form textarea { background: #101e15; border-color: #526649; color: #eeeade; }
[data-theme="dark"] #enquiry-form .consent input { accent-color: #c5d7aa; }
[data-theme="dark"] .form-status { color: #f4b38e; }
[data-theme="dark"] .success-mark { background: #3d5838; color: #e4f0d5; }
[data-theme="dark"] .toast { background: #c5d7aa; color: #15251a; box-shadow: 0 5px 20px #0005; }
@media (max-width: 1100px) {
  .header { gap: 14px; }
  .header-actions { gap: 12px; }
  .header nav { gap: 14px; }
}
@media (max-width: 760px) {
  .header-actions { gap: 9px; }
  .theme-toggle { width: 32px; height: 32px; }
  .header .enquiry-trigger { font-size: 9px; }
}
@media (max-width: 380px) {
  .header { margin-inline: 16px; gap: 8px; }
  .header .brand { min-width: 90px; }
  .header .brand-word { font-size: 25px; }
  .header .brand-sub { font-size: 6px; letter-spacing: 3px; }
  .header-actions { gap: 6px; }
  .theme-toggle { width: 30px; height: 30px; }
  .language-switch { gap: 2px; font-size: 8px; }
  .header .enquiry-trigger { padding-inline: 6px; gap: 5px; }
}