:root {
	--bg-color: #252a34;
	--bg-pattern:
		radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.08), transparent 44%),
		radial-gradient(circle at 84% 10%, rgba(214, 36, 53, 0.2), transparent 40%),
		linear-gradient(180deg, #2d333f 0%, #252a34 72%);
	--surface-color: #313847;
	--surface-soft: rgba(49, 56, 71, 0.8);
	--text-color: #f3f6fb;
	--muted-color: #b5bfd0;
	--accent-color: #d62435;
	--accent-strong: #f44356;
	--accent-contrast: #ffffff;
	--glow-color: rgba(214, 36, 53, 0.26);
	--hero-badge-bg: rgba(26, 31, 40, 0.62);
	--hero-badge-text: #f8fbff;
	--ticker-bg: rgba(37, 43, 55, 0.8);
	--border-color: rgba(191, 204, 225, 0.22);
	--field-bg: rgba(24, 29, 38, 0.88);
	--field-focus-bg: rgba(30, 35, 45, 0.96);
	--placeholder-color: #a0adc3;
	--card-shadow: 0 22px 46px rgba(10, 12, 18, 0.3);
	--nav-shadow: 0 14px 34px rgba(10, 12, 18, 0.28);
	--hero-overlay-top: rgba(18, 23, 32, 0.56);
	--hero-overlay-bottom: rgba(18, 23, 32, 0.72);
}