/**
 * MBI UI Kit — цвета, типографика, кнопки, layout.
 * Источник: Figma Ce1Ez7kYkZLAEMwiX1766W (UI kit 1:178).
 * bg_blue в компонентах header/footer = #384250; яркий акцент #175FB3 отдельно.
 */
:root {
	/* Background */
	--bg-dark-blue: #222A36;
	--bg-coffee: #CA9D75;
	--bg-white: #F9F0EC;
	--bg-blue: #384250;
	--bg-bright-blue: #175FB3;
	--bg-grey: #6D6D6D;

	/* Text */
	--txt-white: #F9F0EC;
	--txt-coffee: #CA9D75;
	--txt-blue: #384250;
	--txt-grey: #626262;
	--txt-light-grey: #BFBFBF;
	--txt-green: #6DB053;
	--txt-light-coffee: #FED9B9;
	--txt-pure-white: #FFFFFF;

	/* Accents */
	--accent-navy: #001944;

	/* Aliases for gradual migration */
	--bg-black: var(--bg-dark-blue);
	--bg-red: var(--bg-coffee);
	--txt-black: var(--txt-blue);
	--txt-red: var(--txt-coffee);

	/* Layout */
	--container: 1840px;
	--pad: 40px;
	--radius: 12px;
	--btn-h: 76px;
	--font: 'Inter', sans-serif;
}

/* —— Typography scale (UI kit) —— */
.mbi-h1 {
	font-family: var(--font);
	font-weight: 500;
	font-size: 96px;
	line-height: 1;
	letter-spacing: -0.08em;
	text-transform: uppercase;
	margin: 0;
}

.mbi-h2 {
	font-family: var(--font);
	font-weight: 500;
	font-size: 64px;
	line-height: 1.1;
	letter-spacing: -0.08em;
	text-transform: uppercase;
	margin: 0;
}

.mbi-p36 {
	font-family: var(--font);
	font-weight: 500;
	font-size: 36px;
	line-height: 1.2;
	letter-spacing: -0.06em;
	text-transform: uppercase;
	margin: 0;
}

.mbi-p32 {
	font-family: var(--font);
	font-weight: 500;
	font-size: 32px;
	line-height: 1.2;
	letter-spacing: -0.04em;
	margin: 0;
}

.mbi-p24 {
	font-family: var(--font);
	font-weight: 400;
	font-size: 24px;
	line-height: 1.5;
	letter-spacing: -0.03em;
	margin: 0;
}

.mbi-p24-caps {
	font-family: var(--font);
	font-weight: 400;
	font-size: 24px;
	line-height: 1.5;
	letter-spacing: -0.03em;
	text-transform: uppercase;
	margin: 0;
}

.mbi-p18 {
	font-family: var(--font);
	font-weight: 400;
	font-size: 18px;
	line-height: 1.4;
	letter-spacing: -0.02em;
	margin: 0;
}

.mbi-p16 {
	font-family: var(--font);
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
	margin: 0;
}

.mbi-nav {
	font-family: var(--font);
	font-weight: 500;
	font-size: 20px;
	line-height: 1;
}

/* button — Inter Semi Bold 20 / LS -5% / UPPERCASE */
.mbi-button-typo {
	font-family: var(--font);
	font-weight: 600;
	font-size: 20px;
	line-height: 1;
	letter-spacing: -0.05em;
	text-transform: uppercase;
}

@media (max-width: 1600px) {
	.mbi-h1 { font-size: 72px; }
	.mbi-h2 { font-size: 48px; }
	.mbi-p36 { font-size: 28px; }
}

@media (max-width: 700px) {
	.mbi-h1 { font-size: 40px; }
	.mbi-h2 { font-size: 32px; }
	.mbi-p36 { font-size: 22px; }
	.mbi-p24, .mbi-p24-caps { font-size: 18px; }
}