/* Critical CSS to prevent background flicker on theme load */
html.light-mode body {
  background: #f8fafc !important;
}

html.dark-mode body,
body {
  background: #0f1115 !important;
}

/* Suppress transitions only on theme toggle during initial load */
html.theme-loading .theme-toggle-input,
html.theme-loading .theme-toggle-slider,
html.theme-loading .theme-toggle,
html.theme-loading .brand img {
  transition: none !important;
  animation: none !important;
}