:root {
  color-scheme: dark;
  --ink: #f2f4f5;
  --text: #d5d8dc;
  --muted: #b6bbc0;
  --line: #555555;
  --bg: #3c3c3c;
  --bg-alt: #333333;
  --bg-band: #303030;
  --green: #3cc489;
}
a:hover { color: var(--lime); }
.skip:focus { background: var(--bg-alt); }
.site-header { background: rgba(60, 60, 60, .96); }
.sub { background: var(--bg-alt); box-shadow: 0 10px 30px rgba(0,0,0,.5); }
.card { background: var(--bg-alt); }
.price-box { border-color: var(--line); }
.btn.outline { border-color: rgba(255,255,255,.45); }
.btn.white, .btn.outline-white:hover { background: var(--bg); color: var(--lime); }
.site-footer { background: #262626; border-top: 1px solid var(--line); }
.copy { border-top-color: var(--line); }
main img, main video { filter: brightness(.92); }
.brand .logo-light, html .theme-light-only { display: none; }
.brand .logo-dark, html .theme-dark-only { display: block; }
.theme-toggle { box-shadow: 0 4px 14px rgba(0,0,0,.45); }
.theme-toggle .i-moon { display: none; }
.theme-toggle .i-sun { display: block; }