/**
 * Aistros Dark Mode Styles
 * Dark theme applied via body.dark-mode class
 * @package Aistros
 * @since 2.0.0
 */

/* ========================================================================
   Кнопка переключения темы
   ======================================================================== */

.aistros-theme-toggle-wrapper {
	position: fixed;
	top: var(--spacing-sm, 12px);
	right: var(--spacing-sm, 12px);
	z-index: 9999;
}

.aistros-theme-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--spacing-xl, 48px);
	height: var(--spacing-xl, 48px);
	border: none;
	border-radius: var(--aistros-radius-full, 9999px);
	background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
	color: var(--text-inverse);
	font-size: var(--font-size-base, 16px);
	cursor: pointer;
	opacity: 0.9;
	transition: all 0.3s ease;
}

.aistros-theme-toggle:hover {
	opacity: 1;
	transform: scale(1.05);
}

.aistros-theme-toggle:active {
	transform: scale(0.95);
}

/* Адаптивность */
@media (max-width: 768px) {
	.aistros-theme-toggle-wrapper {
		top: var(--spacing-xs, 8px);
		right: var(--spacing-xs, 8px);
	}

	.aistros-theme-toggle {
		width: var(--spacing-lg, 36px);
		height: var(--spacing-lg, 36px);
		font-size: calc(var(--font-size-base, 16px) - 2px);
	}
}

@import url("dark-mode-light.css");
@import url("dark-mode-dark.css");