:root {
	--bg-color: #f5f7fb;
	--bg-pattern:
		radial-gradient(circle at 18% 14%, rgba(141, 182, 231, 0.24), transparent 45%),
		radial-gradient(circle at 86% 8%, rgba(36, 43, 56, 0.09), transparent 42%),
		linear-gradient(180deg, #fafbff 0%, #f5f7fb 70%);
	--surface-color: #ffffff;
	--surface-soft: rgba(255, 255, 255, 0.86);
	--text-color: #1f2735;
	--muted-color: #66758b;
	--accent-color: #7faeea;
	--accent-strong: #5f95d8;
	--accent-contrast: #ffffff;
	--glow-color: rgba(127, 174, 234, 0.24);
	--hero-badge-bg: rgba(255, 255, 255, 0.86);
	--hero-badge-text: #1f2735;
	--ticker-bg: rgba(255, 255, 255, 0.92);
	--border-color: rgba(31, 39, 53, 0.14);
	--field-bg: rgba(255, 255, 255, 0.98);
	--field-focus-bg: #ffffff;
	--placeholder-color: #6b7990;
	--nav-toggler-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%231f2735' 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='%2336455a' 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);
}