/* AnimeForge Adventures — Themes */

[data-theme="light"] .landing__bg-layer--far {
  background: radial-gradient(ellipse at 50% 20%, #F5F0FA 0%, #FEFBFF 70%);
}

[data-theme="light"] .sakura-petals__petal {
  background: linear-gradient(135deg, rgba(244, 114, 182, 0.7), rgba(244, 114, 182, 0.3));
}

[data-theme="light"] .hub__map {
  background:
    radial-gradient(ellipse at 50% 30%, #F5F0FA 0%, #FEFBFF 50%),
    radial-gradient(circle at 20% 60%, rgba(244, 114, 182, 0.06) 0%, transparent 40%),
    radial-gradient(circle at 80% 40%, rgba(52, 211, 153, 0.04) 0%, transparent 40%);
}

[data-theme="light"] .scene__background {
  background: linear-gradient(180deg, #EDE9FE 0%, #F5F0FA 40%, #FEFBFF 80%);
}

/* Theme Toggle */
.theme-toggle {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--text-xl);
  background: var(--bg-surface);
  border: 1px solid var(--border-subtle);
  cursor: pointer;
  transition: all var(--transition-normal);
}

.theme-toggle:hover {
  background: var(--bg-elevated);
  border-color: var(--accent-sakura);
  box-shadow: 0 0 12px rgba(244, 114, 182, 0.2);
}

.theme-toggle:focus-visible { outline: none; box-shadow: 0 0 0 3px var(--accent-sakura-dim); }

/* Smooth theme transition */
body.theme-transitioning,
body.theme-transitioning * {
  transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease !important;
}