:root {
	--container-width0: 1420px;
	--container-width1: 1290px;
	--container-width2: 1000px;
	--container-width3: 600px;
	--theme-color: #11596c;
	--theme-color2: #062831;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	font-family: "Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
	/* color: #222; */
	/* background: #fff; */
}
.font-roboto-200 { font-family: "Roboto", sans-serif; font-weight: 200; font-style: normal; letter-spacing: 0.025em }
.font-roboto-300 { font-family: "Roboto", sans-serif; font-weight: 300; font-style: normal; letter-spacing: 0.025em }
.font-roboto-400 { font-family: "Roboto", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.025em }
.font-roboto-400 { font-family: "Roboto", sans-serif; font-weight: 500; font-style: normal; letter-spacing: 0.05em }
.font-roboto-600 { font-family: "Roboto", sans-serif; font-weight: 600; font-style: normal; letter-spacing: 0.05em;}
.font-roboto-800 { font-family: "Roboto", sans-serif; font-weight: 800; font-style: normal; letter-spacing: 0.05em }
.font-playfair-200 { font-family: "Playfair Display", serif; font-weight: 200; font-style: normal; }
.font-playfair-400 { font-family: "Playfair Display", serif; font-weight: 400; font-style: normal; }

/* Цветовые утилиты */
.text-white { color: #fff; }
.text-black { color: #000; }
.text-caps { text-transform: uppercase; }

.btn {
	display: inline-block;
	padding: 12px 24px;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	text-decoration: none;
	color: inherit;
	background: #f9fafb;
	width: 10em;
}

/* Общие стили кнопок */
.btn-1 {
	/* background: #d9d9d9; */
	/* color: #000; */
	/* border-color: transparent; */
	background: transparent;
	color: #fff;
	border-color: #fff;
}

.btn-2 {
	background: var(--theme-color);
	color: #fff;
	border-color: transparent;
}

.btn-outline {
	background: transparent;
}

.logo img {
	height: 1.5em;
	width: auto;
	display: block;
}