/* SportSyncAI — black theme for the app pages (quiz, results, coach, profile, verify,
   reset-password, waitlist). Their colours are hard-coded per element (100+ values each),
   so instead of re-tokenising every page, the whole page is inverted and hue-rotated back:
   white -> black, near-black text -> white, and the brand green / other colours keep their hue.
   Photos, video, canvas, the logo and emoji are inverted a second time so they look normal.
   The light theme is untouched. Toggle + saved choice: theme.js. */
html[data-theme="dark"] { filter: invert(1) hue-rotate(180deg); background: #fff; }
html[data-theme="dark"] img,
html[data-theme="dark"] video,
html[data-theme="dark"] canvas,
html[data-theme="dark"] iframe,
html[data-theme="dark"] picture,
html[data-theme="dark"] .emoji,
html[data-theme="dark"] [data-no-invert] { filter: invert(1) hue-rotate(180deg); }

/* floating switch on pages without a top nav: stacked above the language button */
#ss-theme-toggle.ss-float {
  position: fixed; left: 14px; bottom: 56px; z-index: 102;
  width: 40px; height: 40px; border-radius: 50%; padding: 0;
  display: inline-flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,0.9); color: #1d1d1f; border: 1px solid #d2d2d7;
  box-shadow: 0 2px 10px rgba(0,0,0,.12); cursor: pointer;
}
@media (min-width: 601px) { #ss-theme-toggle.ss-float { bottom: 14px; } }