:root {
	--rem-base: 10px;
	--base-font-size: clamp(16px, 1.6rem, 25px);
	--base-line-height: 1.5;
	--vertical-rhythm: calc(var(--base-line-height) * 1em);
	--font-baskervville: "Baskervville";
	--font-rockwell: "Rockwell Nova";
	--base-main-font: var(--font-baskervville);
	--base-font-sans-serif: "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	--base-font-serif: "Times New Roman", "Times", "Baskerville", "Georgia", serif;
	--base-font: var(--base-main-font), var(--base-font-sans-serif);
	--accent-font: var(--base-font-serif);
	--color-white: #fff;
	--color-white--rgb: 255, 255, 255;
	--color-white--darken: rgb(229.5, 229.5, 229.5);
	--color-white--lighten: white;
	--color-black: #5f5b5a;
	--color-black--rgb: 95, 91, 90;
	--color-black--darken: rgb(68.8108108108, 65.9135135135, 65.1891891892);
	--color-black--lighten: rgb(121.1891891892, 116.0864864865, 114.8108108108);
	--color-red: #dc0539;
	--color-red--rgb: 220, 5, 57;
	--color-red--darken: rgb(170.1333333333, 3.8666666667, 44.08);
	--color-red--lighten: rgb(249.8, 26.2, 80.28);
	--color-blue: #7aaed3;
	--color-blue--rgb: 122, 174, 211;
	--color-blue--darken: rgb(83.6779661017, 150.6610169492, 198.3220338983);
	--color-blue--lighten: rgb(160.3220338983, 197.3389830508, 223.6779661017);
	--color-blue-light: #d0e2ef;
	--color-blue-light--rgb: 208, 226, 239;
	--color-blue-light--darken: rgb(169.9523809524, 202.5238095238, 226.0476190476);
	--color-blue-light--lighten: rgb(246.0476190476, 249.4761904762, 251.9523809524);
	--color-blue-dark: #13294a;
	--color-blue-dark--rgb: 19, 41, 74;
	--color-blue-dark--darken: rgb(8.5806451613, 18.5161290323, 33.4193548387);
	--color-blue-dark--lighten: rgb(29.4193548387, 63.4838709677, 114.5806451613);
	--color-link: #7aaed3;
	--color-link--rgb: 122, 174, 211;
	--color-link--darken: rgb(83.6779661017, 150.6610169492, 198.3220338983);
	--color-link--lighten: rgb(160.3220338983, 197.3389830508, 223.6779661017);
	--color-border: #ebf3f8;
	--color-border--rgb: 235, 243, 248;
	--color-border--darken: rgb(197.2222222222, 220.3333333333, 234.7777777778);
	--color-border--lighten: white;
	--accent-blog-color: var(--color-blue);
	--caption-color: var(--color-blue-dark);
	--base-text-color: var(--color-black);
	--base-link-color: var(--color-link);
	--h1-h6-color: var(--color-blue-dark);
	--animation-duration: 0.3s;
	--animation-timing-function: ease;
	--container: 120rem;
	--gutter: 4rem;
}
:root {
	--label-fz: 16px;
	--label-lh: 1.2;
	--label-color: currentColor;
}
:root {
	--h1: clamp(30px, 6rem, 90px);
	--h2: clamp(30px, 4.5rem, 80px);
	--h3: clamp(22px, 3rem, 70px);
	--h4: clamp(20px, 2.8rem, 28px);
	--h5: clamp(18px, 2.4rem, 24px);
	--h6: clamp(16px, 2rem, 20px);
}
@media (max-width: 1199px) {
	:root {
		--gutter: 20px;
	}
}
@media (max-width: 767px) {
	:root {
		--input-x: 20px;
		--input-y: 12px;
	}
}
@media (min-width: 812px) and (max-height: 414px) and (orientation: landscape) {
	:root {
		--gutter: 50px;
	}
}