/* Optional daylight theme: the same editorial system, with quieter paper-like surfaces. */
html[data-theme="light"] {
  color-scheme: light;
  --bg: oklch(.975 .005 95);
  --surface: oklch(.94 .008 165);
  --ink: oklch(.19 .016 170);
  --muted: oklch(.46 .018 170);
  --primary: oklch(.53 .125 170);
  --accent: oklch(.58 .16 28);
  --line: oklch(.76 .015 170);
}

html[data-theme="light"] body { background: var(--bg); }
html[data-theme="light"] ::selection { background: color-mix(in oklab, var(--primary) 24%, white); color: var(--ink); }
html[data-theme="light"] :focus-visible { outline-color: var(--primary); }

.theme-switcher {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--line);
}

.theme-switcher button {
  min-height: 30px;
  padding: 0 9px;
  border: 0;
  background: transparent;
  color: var(--muted);
  font: 700 10px/1 Manrope, Arial, sans-serif;
  cursor: pointer;
  transition: background-color .18s ease, color .18s ease;
}

.theme-switcher button[aria-pressed="true"] {
  background: var(--ink);
  color: var(--bg);
}

.theme-switcher button:hover:not([aria-pressed="true"]),
.theme-switcher button:focus-visible:not([aria-pressed="true"]) {
  color: var(--ink);
  outline: none;
}

html[data-theme="light"] .nav,
html[data-theme="light"] .mobile-menu {
  background: color-mix(in oklab, var(--bg) 92%, transparent);
}

html[data-theme="light"] .hero,
html[data-theme="light"] .front-hero,
html[data-theme="light"] .front-closing,
html[data-theme="light"] .about-hero,
html[data-theme="light"] .gift-hero,
html[data-theme="light"] .gift-how {
  background-color: var(--bg);
}

html[data-theme="light"] .front-hero__links .front-action:hover,
html[data-theme="light"] .front-hero__links .front-action:focus-visible,
html[data-theme="light"] .front-route:hover,
html[data-theme="light"] .front-route:focus-visible,
html[data-theme="light"] .front-service-card:hover,
html[data-theme="light"] .front-service-card:focus-visible {
  background: color-mix(in oklab, var(--primary) 9%, var(--surface));
}

html[data-theme="light"] .front-service-card img,
html[data-theme="light"] .front-magazine-card__media img {
  background: oklch(.91 .006 165);
}

html[data-theme="light"] .case-card:after {
  background: linear-gradient(transparent 30%, oklch(.975 .005 95 / .9));
}

html[data-theme="light"] .case-card > div { color: var(--ink); }

@media (max-width: 1100px) {
  .theme-switcher { margin-left: auto; }
}

@media (max-width: 760px) {
  .nav > .theme-switcher { display: none; }
  .mobile-menu__actions .theme-switcher { display: inline-flex; width: max-content; margin: 10px 0 2px; }
  .theme-switcher button { min-height: 36px; padding-inline: 14px; font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  .theme-switcher button { transition: none; }
}