:root {
	--font-family: "Manrope", sans-serif;

	--accent: #2457ff;
	--accent-dark: #1b45d6;
	--accent-soft: #91abff;
	--accent-10: rgba(36, 87, 255, 0.1);
	--gold: #dca659;
	--gold-dark: #c8914a;
	--gold-10: rgba(220, 166, 89, 0.1);
	--sand: #fbf6ee;
	--ink: #172028;
	--ink-60: rgba(23, 32, 40, 0.6);
	--ink-40: rgba(23, 32, 40, 0.4);
	--ink-20: rgba(23, 32, 40, 0.2);
	--line: #dde3e7;
	--white: #fff;
	--white-60: rgba(255, 255, 255, 0.6);
	--white-20: rgba(255, 255, 255, 0.2);
	--white-10: rgba(255, 255, 255, 0.1);
	--shadow-header: 0 6px 24px rgba(23, 32, 40, 0.08);
	--shadow-nav: 0 16px 30px rgba(23, 32, 40, 0.1);

	--container: 1200px;
	--container-wide: 1600px;
	--container-padding: 40px;
	--header-height: 80px;
	--section-padding: 120px;
	--transition: 0.25s ease;
}

@media (max-width: 1180px) {
	:root {
		--header-height: 64px;
		--section-padding: 80px;
	}
}

@media (max-width: 767px) {
	:root {
		--container-padding: 15px;
		--section-padding: 60px;
	}
}