:root {
	/* Цвета */
	--color-accent: #e47f55;
	--color-primary: #172b4a;
	--color-border: #c9ced8;
	--color-light: #ffffff;
	--color-bg: #f6f6f6;
	--color-muted: #81858b;

	/* Типографика (Desktop ≥1200px) */
	--fs-h1: 52px;
	--fs-h2: 42px;
	--fs-h3: 30px;
	--fs-card-title-24: 24px;
	--fs-text-lg-20: 20px;
	--fs-text-16: 16px;
	--fs-text-sm-14: 14px;

	/* Контейнеры и отступы */
	--container-width: 1400px;
	--gap-block: 20px;
	--gap-section: 90px;
	--gap-text: 36px;

	/* Шрифты */
	--font-main: 'Gilroy', sans-serif;
	--font-alt: 'Arial', sans-serif;

	/* Остальное */
	--margin-button-top-margin: 50px;
}

/* Tablet (575px – 767px) */
@media (max-width: 767px) {
	:root {
		--fs-h1: 40px;
		--fs-h2: 34px;
		--fs-h3: 26px;
		--fs-card-title-24: 20px;
		--fs-text-lg-20: 18px;
		--fs-text-16: 16px;
		--fs-text-sm-14: 14px;

		--gap-section: 48px;
	}
}

/* Mobile (≤ 574px) */
@media (max-width: 574px) {
	:root {
		--fs-h1: 36px;
		--fs-h2: 32px;
		--fs-h3: 24px;
		--fs-card-title-24: 18px;
		--fs-text-lg-20: 16px;
		--fs-text-16: 14px;
		--fs-text-sm-14: 14px;

		--margin-button-top-margin: 24px;
	}
}

html,
body {
	margin: 0;
	padding: 0;
}
body {
	background: var(-color-bg);
}
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-family: var(--font-main);
	color: var(--color-primary);
	font-size: var(--fs-text-lg-16);
}

.container {
	width: var(--container-width);
	margin: 0 auto;
}
a {
	text-decoration: none;
	transition: 0.4s;
}
a:hover {
	opacity: 0.7;
}
section {
	margin-top: var(--gap-section);
}
h2,
h4,
h5 {
	font-weight: 600;
	font-size: var(--fs-h2);
	line-height: 50px;
}