html.light {
  color-scheme: light;
}
html.dark {
  color-scheme: dark;
}
html.dark body {
  background: var(--dark-bg, #0f172a);
  color: var(--dark-text, #f1f5f9);
}
html.dark .site-header,
html.dark .anova-post-card,
html.dark .widget,
html.dark .anova-page-wrapper {
  background: var(--dark-surface, #1e293b);
  color: var(--dark-text, #f1f5f9);
}
html.dark .anova-post-title a,
html.dark .site-title {
  color: var(--dark-text, #f1f5f9);
}
.theme-toggle {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border: 0;
  border-radius: 50%;
  background: var(--accent-primary, #2563eb);
  color: #fff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.2);
  cursor: pointer;
}
.theme-toggle .icon-sun,
.theme-toggle .icon-moon {
  display: none;
}
html.light .theme-toggle .icon-sun {
  display: inline;
}
html.dark .theme-toggle .icon-moon {
  display: inline;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}