/* Desktop specific sizes */
html {
	/* Sizing blocks */
	/* --XXXXXS: 4px;
	--XXXXS: 8px;
	--XXXS: 16px;
	--XXS: 24px;
	--XS: 32px;
	--S: 40px;
	--M: 60px;
	--L: 80px;
	--XL: 120px;
	--XXL: 200px;
	--XXXL: 324px; */

	/* Misc saved variables */
	--nav-height: 48px;
	--nav-height-open: 800px;

	font-family: Roobert, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
		Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* scroll-behavior: smooth; */
}

body {
	background: #fff;
}

/* Grids */
.grid--three {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--XXS);
	padding-inline: var(--XXS);
	align-items: start;
	box-sizing: border-box;
}
.grid--four {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--XXS);
	padding-inline: var(--XXS);
	box-sizing: border-box;
}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
									supported by Chrome, Edge, Opera and Firefox */
}

/* Tablet specific sizes */
/* @media only screen and (max-width: 1024px) {
	html {
		--XXXXXS: 4px;
		--XXXXS: 8px;
		--XXXS: 8px;
		--XXS: 16px;
		--XS: 32px;
		--S: 40px;
		--M: 60px;
		--L: 80px;
		--XL: 120px;
		--XXL: 200px;
		--XXXL: 324px;
	}
} */

/* Mobile specific sizes */
@media only screen and (max-width: 767px) {
	/* html {
		--XXXXXS: 4px;
		--XXXXS: 8px;
		--XXXS: 8px;
		--XXS: 12px;
		--XS: 24px;
		--S: 32px;
		--M: 36px;
		--L: 52px;
		--XL: 80px;
		--XXL: 100px;
		--XXXL: 140px;
	} */

	/* Grids */
	.grid--three {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: var(--XXS);
		padding-inline: var(--XXS);
		align-items: start;
		box-sizing: border-box;
	}
	.grid--four {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: var(--XXS);
		padding-inline: var(--XXS);
		box-sizing: border-box;
	}
}

@font-face {
	font-family: Roobert;
	font-weight: 400;
	src: url(./../assets/typefaces/Roobert-Regular.woff2);
}

@font-face {
	font-family: Roobert;
	font-weight: 600;
	src: url(./../assets/typefaces/Roobert-SemiBold.woff2);
}

h1,
h2,
h3,
h5,
h6,
p {
	font-size: 17px;
	line-height: 1.4;
	font-weight: 400;
	margin: 0px;
}

a {
	color: inherit;
	text-decoration: none;
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Standard syntax */
}

body {
	margin: 0px;
}