/* === THEME RULES: NEON === */

body {
	--background-image: linear-gradient(135deg, #0d0d10 0%, #121217 50%, #1a1a21 100%);
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../img/6222618.jpg');
	background-attachment: fixed, fixed;
	background-size: cover, cover;
	background-color: var(--color-background);
	color: var(--color-text-primary);
}
#form1 { background: none; }

/* Заголовки делаем акцентного цвета */
h1, .section-title {
	/* 1. Задаем фон в виде нашего нового градиента */
	background: var(--gradient-text);
	/* 2. Обрезаем фон по форме текста */
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	/* 3. Делаем сам текст прозрачным, чтобы фон был виден */
	color: transparent;
	/* Убираем тень, она будет только мешать */
	text-shadow: none;
}

h2, h3, h4, h5, h6 {
	color: var(--color-text-primary);
}

.main-header, .header-spacer { background: var(--color-header-background); }
.main-header a { color: var(--color-text-primary); }

.cashiva-card {
	background: var(--color-card-background);
	box-shadow: none;
	transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;
}

	.cashiva-card:hover {
		border-color: var(--color-accent-light);
		box-shadow: 0 0 15px var(--color-shadow-glow);
	}

.cashiva-card h3 { color: var(--color-text-primary); } /* Обычные белые заголовки */

.btn.btn-warning {
	color: var(--color-button-text);
	background: linear-gradient(135deg, var(--color-accent-dark), var(--color-accent)) !important;
	--box-shadow: 0 6px 20px Var(--color-accent) !important;
	border: 0px solid var(--color-accent) !important;
	border-radius: 3px !important;
	text-transform: none !important;
	transition: all .3s cubic-bezier(.4,0,.2,1) !important;
	transform: scale(1); 
}
	.btn.btn-warning:hover {
		opacity: 0.9;
		transform: scale(1.05); /* Легкое увеличение при наведении */
	}
	.btn.btn-warning:active,
	.btn.btn-warning:focus {
		color: var(--color-button-text) !important;
	}
	.btn.btn-warning:active {
		--background: var(--color-button-active-background) !important;
		--border-color: var(--color-button-active-background) !important;
		transform: scale(0.95); /* уменьшении при нажатии */
		box-shadow: 0 0 20px Var(--color-text-primary) !important;
	}

.main-footer {
	background-color: var(--color-footer-background);
	color: var(--color-accent);
}
.footer-details, .main-footer a { color: var(--color-text-primary); }
footer a:hover { color: var(--color-accent) !important; }

.text-warning, .bi-check-circle-fill { color: var(--color-accent) !important; }
.brand-icon:hover { filter: drop-shadow(0 0 15px var(--color-shadow-glow)); }

img.central-logo:hover {
	filter: drop-shadow(0 0 25px rgba(138, 43, 226, 1));
	cursor: pointer;
}