/* Removable day/night layer. Daytime leaves the site unchanged.
   Night is html.ywi-night (set by night.js from the visitor's local hour).
   To remove later: delete night.css, night.js, and their tags in index.html. */

html.ywi-night {
  color-scheme: dark;
}

html.ywi-night body {
  --bg: #14110e;
  --ink: #f3ebe0;
  --muted: #a89a88;
  --gold: #d4b574;
  --line: rgba(212, 181, 116, 0.42);
  background: var(--bg);
  color: var(--ink);
}

html.ywi-night .top,
html.ywi-night .tabbar,
html.ywi-night .site-foot {
  background: #14110e;
}

html.ywi-night .brand span,
html.ywi-night h1,
html.ywi-night h2,
html.ywi-night .dk-title {
  color: #f3ebe0;
}

html.ywi-night a,
html.ywi-night .text-btn,
html.ywi-night .btn,
html.ywi-night .tabbar button.on,
html.ywi-night .kicker,
html.ywi-night .zik-banner,
html.ywi-night .zik-mark {
  color: #e6c57a;
}

html.ywi-night .btn.solid,
html.ywi-night .language-toggle button.on {
  background: #d4b574;
  color: #1a1206;
  border-color: #d4b574;
}

html.ywi-night .meta,
html.ywi-night .note,
html.ywi-night .tabbar button,
html.ywi-night .site-foot,
html.ywi-night .foot-links a {
  color: #a89a88;
}

html.ywi-night .foot-links a:hover,
html.ywi-night .foot-links a:focus-visible {
  color: #e6c57a;
}

/* Soft veil over images so covers don't glare at night */
html.ywi-night .hero-cover,
html.ywi-night .swatch img,
html.ywi-night .card img,
html.ywi-night .logo,
html.ywi-night .brand img,
html.ywi-night .dk-thumb-hold .swatch img {
  filter: brightness(0.82) contrast(0.96) saturate(0.92);
}

html.ywi-night .swatch.big,
html.ywi-night .swatch:not(:has(img)) {
  filter: brightness(0.88);
}

html.ywi-night .player {
  filter: brightness(0.9);
}

html.ywi-night input,
html.ywi-night textarea,
html.ywi-night select,
html.ywi-night .search,
html.ywi-night .desk-shell .dk-gate,
html.ywi-night .desk-shell .dk-stat,
html.ywi-night .desk-shell .dk-rel,
html.ywi-night .desk-shell .dk-msg {
  background: #1a1612;
  border-color: rgba(212, 181, 116, 0.42);
}

html.ywi-night .zik-banner {
  background: #0c0a08;
  border-color: rgba(212, 181, 116, 0.42);
  color: #e6c57a;
}