/* ============================================
   THEME TOGGLE — Shared across all pages
   ============================================ */

/* ---- Toggle Button (hidden — dark only) ---- */
.theme-toggle {
  display: none !important;
}
.theme-toggle-DISABLED {
  position: relative;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--c-line);
  background: transparent;
  color: var(--c-text-dim);
  cursor: pointer;
  transition: color 0.3s, border-color 0.3s, background 0.3s;
}
.theme-toggle:hover {
  color: var(--c-accent);
  border-color: var(--c-accent);
}
.theme-toggle svg {
  position: absolute;
  transition: opacity 0.3s, transform 0.3s;
}
/* Light theme: show moon (switch to dark), hide sun */
.theme-icon.sun { opacity: 0; transform: scale(0.5) rotate(-90deg); }
.theme-icon.moon { opacity: 1; transform: scale(1) rotate(0deg); }
/* Dark theme: show sun (switch to light), hide moon */
[data-theme="dark"] .theme-icon.sun { opacity: 1; transform: scale(1) rotate(0deg); }
[data-theme="dark"] .theme-icon.moon { opacity: 0; transform: scale(0.5) rotate(90deg); }

/* ---- Smooth theme transition ---- */
body.theme-transitioning,
body.theme-transitioning * {
  transition: background 0.4s, color 0.4s, border-color 0.4s, box-shadow 0.4s !important;
}