/* ============================================
   YUKON HANDYMAN 2.0 — Dark & Light Mode
   Northern Lights × Aurora Borealis Theme
   ============================================ */

/* --- Theme Toggle Button --- */
.theme-toggle {
  position: relative;
  width: 44px;
  height: 24px;
  border-radius: 12px;
  border: 1px solid var(--glass-border);
  background: rgba(255, 255, 255, 0.08);
  cursor: pointer;
  transition: background var(--transition-fast), border-color var(--transition-fast);
  display: flex;
  align-items: center;
  padding: 2px;
}

.theme-toggle:hover {
  background: rgba(255, 255, 255, 0.12);
}

.theme-toggle-thumb {
  position: absolute;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--aurora-green);
  transition: transform var(--transition-fast), background var(--transition-fast);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
}

body.light-mode .theme-toggle-thumb {
  transform: translateX(20px);
  background: var(--aurora-blue);
}

/* --- Dark Mode Styles (default) --- */
body:not(.light-mode) .light-only { display: none; }
body.light-mode .dark-only { display: none; }

/* Dark mode specific overrides */
body:not(.light-mode) .glass-card {
  --glass-bg: rgba(255, 255, 255, 0.05);
}

/* Light mode specific */
body.light-mode {
  --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);
}

body.light-mode .glass-widget {
  background: rgba(255, 255, 255, 0.85);
  border-color: rgba(0, 0, 0, 0.05);
}

body.light-mode .gradient-sphere {
  opacity: 0.08;
}

body.light-mode .premium-logo-text {
  color: var(--lm-text);
}

/* --- Color Scheme Transition --- */
.theme-transitioning,
.theme-transitioning * {
  transition: background-color 0.4s ease,
              color 0.4s ease,
              border-color 0.4s ease,
              box-shadow 0.4s ease !important;
}

/* --- Smooth Theme Switch --- */
.theme-switch-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.theme-switch-icon {
  font-size: 0.8rem;
  opacity: 0.6;
  transition: opacity var(--transition-fast);
}

.theme-switch-icon.active {
  opacity: 1;
}

/* --- Light Mode Text Adjustments --- */
body.light-mode p {
  color: #4a4a4a;
}

body.light-mode .section-tag {
  background: rgba(0, 255, 136, 0.06);
  border-color: rgba(0, 255, 136, 0.12);
  color: var(--aurora-green);
}

body.light-mode .glass-tooltip {
  background: rgba(245, 243, 240, 0.95);
  color: var(--lm-text);
  border-color: rgba(0, 0, 0, 0.06);
}

/* Light mode navbar links */
body.light-mode .nav-link {
  color: #3a3a3a;
}

body.light-mode .nav-link:hover,
body.light-mode .nav-link.active {
  color: var(--aurora-green);
}

/* --- Light Mode Scrollbar --- */
body.light-mode ::-webkit-scrollbar-track {
  background: #efece8;
}

body.light-mode ::-webkit-scrollbar-thumb {
  background: #c4b5a5;
}

body.light-mode ::-webkit-scrollbar-thumb:hover {
  background: #a89888;
}