@font-face {
	font-family: 'Montserrat';
	src: url('/assets/fonts/montserrat/Montserrat-VariableFont_wght.ttf') format('truetype');
	font-weight: 100 900;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: url('/assets/fonts/montserrat/Montserrat-Italic-VariableFont_wght.ttf') format('truetype');
	font-weight: 100 900;
	font-style: italic;
}

:root {
	/* - colors - */
	/* -- accent colors -- */
	--accent-color: #e6381a;
	--accent-color-muted: #9e2f1b;

	/* -- gray scale -- */
	--heading-txt-color: #1e1e1e;
	--paragraph-txt-color: #676767;
	--light-gray-color: #dfdfdf;
	--shadow-color: #dddddd;

	/* - font sizes - */
	--fs-h1: 2.7rem;
	--fs-h2: 2.2rem;
	--fs-h3: 1.7rem;
	--fs-h4: 1.4rem;
	--fs-h5: 1.1rem;
	--fs-p: 1rem;
	--fs-small: 0.65rem;

	/* - font weight - */
	--fw-bold: 700;
	--fw-regular: 400;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

a {
	color: var(--accent-color);
	text-decoration: none;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: var(--fw-bold);
	margin: 0;
	color: var(--heading-txt-color);
}

p {
	font-weight: var(--fw-regular);
	line-height: calc(var(--fs-p) * 1.5);
	color: var(--paragraph-txt-color);
}

h1 {
	font-size: var(--fs-h1);
	line-height: calc(var(--fs-h1) * 1.1);
}

h2 {
	font-size: var(--fs-h2);
	line-height: calc(var(--fs-h2) * 1.1);
}

h3 {
	font-size: var(--fs-h3);
	line-height: calc(var(--fs-h3) * 1.3);
}

h4 {
	font-size: var(--fs-h4);
	line-height: calc(var(--fs-h4) * 1.3);
}

h5 {
	font-size: var(--fs-h5);
	line-height: calc(var(--fs-h5) * 1.3);
}

h6 {
	font-size: var(--fs-p);
	line-height: calc(var(--fs-p) * 1.5);
}

html {
	font-size: 18px;
	scroll-behavior: smooth;
}

@media (min-width: 1920px) {
	html {
		font-size: calc((18 / 1920) * 100vw);
	}
}

body {
	margin: 0;
	padding: 0;
	font-family: 'montserrat', sans-serif;
	overflow-x: hidden;
}

input,
select,
option,
textarea {
	font-family: 'montserrat', sans-serif;
	font-size: var(--fs-p);
}