:root {
  color-scheme: dark;
  --color-white: light-dark(#17171a, #fff);
  --color-gray-200: light-dark(#414651, #e5e7eb);
  --color-zinc-200: light-dark(#41414a, #e4e4e7);
  --page-bg: light-dark(#f8f9fb, #16171a);
  --page-text: light-dark(#17171a, #fff);
}
:root[data-theme="light"] { color-scheme: light; }
body { background-color: var(--page-bg); color: var(--page-text); }
.theme-page-toggle, .theme-header-toggle {
  padding: 8px 12px; border: 1px solid light-dark(#d1d5db, #ffffff30);
  border-radius: 20px; background: light-dark(#fff, #212226);
  color: var(--page-text); font: 14px Outfit-Regular, sans-serif; cursor: pointer;
}
.theme-page-toggle { position: fixed; right: 16px; bottom: 16px; z-index: 110; box-shadow: 0 4px 20px #0002; }
.theme-header-toggle { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 8px; flex-shrink: 0; }
.theme-header-toggle svg { width: 22px; height: 22px; }
.theme-header-toggle .theme-icon-moon { display: none; }
:root[data-theme="light"] .theme-header-toggle .theme-icon-sun { display: none; }
:root[data-theme="light"] .theme-header-toggle .theme-icon-moon { display: block; }
[data-theme-toggle]:focus-visible { outline: 2px solid #f16f01; outline-offset: 3px; }
/* Media surfaces keep their original contrast in either page theme. */
:is(.plyr, #watchPlayerFrame, #embedPlayer, .watch-ad-overlay, .home-boosted-badge, .playlist-row,
  .studio-thumbnail, .studio-avatar, .studio-button.primary, [data-theme-surface="dark"],
  [class~="bg-black"], :is(span, button, a, [id^="data-photo-"])[class*="bg-black/"],
  [class~="bg-[#F16F01]"], [class~="bg-[#f16f01]"]) {
  color-scheme: dark; color: #fff;
}
/* The white wordmark is a monochrome asset; photos and video are untouched. */
html[data-theme="light"] img:is([src="/cms-img/veedioa-logo.svg"], [src="/cms-img/studio-logo.svg"]) { filter: brightness(.12); }
html[data-theme="light"] #embedPlayer img { filter: none; }
html[data-theme="light"] :is(input, textarea, select) { caret-color: #17171a; }
/* Status text uses deeper shades against light surfaces. */
html[data-theme="light"] :is(.text-red-200, .text-red-300, .text-red-400) { color: #b42318; }
html[data-theme="light"] :is(.text-emerald-200, .text-emerald-300, .text-emerald-400, .studio-positive) { color: #087443; }
html[data-theme="light"] :is(.text-amber-200, .text-amber-300, .text-orange-300) { color: #995400; }
:root .text-black { color: light-dark(#fff, #000); }
:root .text-black\/90 { color: light-dark(#ffffffe6, #000000e6); }
:root .text-black\/80 { color: light-dark(#ffffffcc, #000000cc); }

.search-type-tab {
  background-color: light-dark(#e9ebef, #ffffff12);
  color: light-dark(#454b57, #ffffffb3);
}
.search-type-tab:hover {
  background-color: light-dark(#dce0e6, #ffffff20);
  color: var(--page-text);
}
.search-type-tab[aria-current="page"] {
  background-color: light-dark(#17171a, #fff);
  color: light-dark(#fff, #17171a);
}
.search-type-tab:focus-visible {
  outline: 2px solid #f16f01;
  outline-offset: 3px;
}