/* =========================
   THEME TRANSITIONS
   ========================= */

body {
  transition: background-color 0.3s ease, color 0.3s ease;
}

.navbar,
.stat,
.feature,
.footer {
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* =========================
   THEME TOGGLE BUTTON
   ========================= */

.theme-toggle {
  padding: 0.4rem 0.9rem;
  border-radius: var(--radius-md);
  border: 1px solid var(--border-soft);
  background-color: var(--bg-card);
  color: var(--text-primary);
  font-size: 0.85rem;
  cursor: pointer;
  transition: all 0.25s ease;
}

.theme-toggle:hover {
  background-color: var(--primary-soft);
}