html[data-kv-theme="white"] {
  --paper: #ffffff; --ink: #111114; --sub: #6a6a73; --rule: #111114;
  --pink: #ff2a1f; --yellow: #ff2a1f; --blue: #ff2a1f;
}
html[data-kv-theme="white"] #kv { --kv-c: #ff2a1f; --kv-side: #111114; --kv-mk: #ff2a1f;

  background-color: #fff;
  background-image: linear-gradient(rgba(17,17,20,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(17,17,20,.06) 1px, transparent 1px);
  background-size: 48px 48px; }

html[data-kv-theme="white"] #kv .kv-bg img { filter: grayscale(1) contrast(1.3) brightness(1.06); opacity: .62; mix-blend-mode: multiply; }
html[data-kv-theme="white"] .hero h1 .mark { color: var(--ink); }
html[data-kv-theme="white"] .logo .tag { display: none; }
html[data-kv-theme="white"] .btn { box-shadow: 5px 5px 0 var(--pink); }

html[data-kv-theme="white"] #kv .kv-mk { background: none; color: var(--kv-c); padding: 0; }
html[data-kv-theme="white"] .hero h1 .mark { background: none; color: var(--pink); }