:root {
	--bg-color: #f2f6fb;
	--bg-pattern:
		radial-gradient(circle at 20% 14%, rgba(216, 185, 90, 0.24), transparent 46%),
		radial-gradient(circle at 84% 12%, rgba(77, 132, 208, 0.18), transparent 42%),
		linear-gradient(180deg, #f9fbfe 0%, #f2f6fb 70%);
	--surface-color: #ffffff;
	--surface-soft: rgba(255, 255, 255, 0.9);
	--text-color: #1d293b;
	--muted-color: #607089;
	--accent-color: #d8b95a;
	--accent-strong: #4d84d0;
	--accent-contrast: #ffffff;
	--glow-color: rgba(216, 185, 90, 0.24);
	--hero-badge-bg: rgba(255, 255, 255, 0.88);
	--hero-badge-text: #1d293b;
	--ticker-bg: rgba(255, 255, 255, 0.92);
	--border-color: rgba(62, 94, 140, 0.14);
	--field-bg: rgba(255, 255, 255, 0.98);
	--field-focus-bg: #ffffff;
	--placeholder-color: #607089;
	--nav-toggler-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%231d293b' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	--select-indicator: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23354963' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	--card-shadow: 0 20px 42px rgba(20, 28, 40, 0.1);
	--nav-shadow: 0 14px 30px rgba(20, 28, 40, 0.12);
	--hero-overlay-top: rgba(23, 29, 39, 0.56);
	--hero-overlay-bottom: rgba(23, 29, 39, 0.72);
}