/**
 * lato-regular - latin
 *
 * @format
 */

@font-face {
	font-display: swap;
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), url('../fonts/lato-v23-latin-regular.woff') format('woff');
}
/* lato-heavy - latin */
@font-face {
	font-display: swap;
	font-family: 'Lato';
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/Lato-Heavy.woff2') format('woff2'), url('../fonts/Lato-Heavy.woff') format('woff');
}

/* google icons */
@font-face {
	font-display: block;
	font-family: 'Icons';
	font-style: normal;
	font-weight: normal;
	src: local(''), url('../fonts/MaterialIcons-Regular.woff2') format('woff2'), url('../fonts/MaterialIcons-Regular.woff') format('woff');
}

:root {
	/*
	---COLORS---
	*/
	--color-white: #fff;
	--color-light-grey: #f6f6f6;
	--color-table-grey: #ededed;
	--color-dark-grey: #575756;
	--color-red: #e7343f;
	--color-blue: rgb(66, 79, 143);
	--color-placeholder: #b1b1b1;
	--color-white-o-20: rgba(255, 255, 255, 0.2);
	--color-black-o-20: rgba(0, 0, 0, 0.2);
	--color-blue-o-20: rgba(76, 90, 165, 0.2);
	/*
	---FONT FAMILIES---
	*/
	--ff-primary-font: 'Lato', Helvetica, Arial, sans-serif;
	--ff-icon-font: 'Icons', sans-serif;
	/*
	---FONT SIZES---
	*/
	--fs-1: 4rem;
	--fs-1: clamp(2.1rem, 5.5vw, 4rem);
	--fs-2: 2.6rem;
	--fs-2: clamp(1.6rem, 4.2vw, 2.6rem);
	--fs-3: 1.35rem;
	--fs-3: clamp(1.15rem, 2.9vw, 1.35rem);
	--fs-4: 1rem;
	--fs-4: clamp(1rem, 2.6vw, 1rem);
	--fs-5: 0.8rem;
	--fs-5: clamp(0.8rem, 2.3vw, 0.8rem);
	/*
	---FONT WEIGHTS---
	*/
	--fw-normal: normal;
	--fw-heavy: 800;
	/*
	---SPACING / GAPS---
	*/
	--universal-gap: 2rem;
	--universal-gap: clamp(1rem, 2.6vw, 2rem);
	--wrapper-padding: 1rem;
	--wrapper-padding: clamp(1rem, 4vw, 10rem);
	--box-padding: 2rem;
	--box-padding: clamp(1rem, 2vw, 2rem);
	--button-padding: 0.6em 1em;

	--text-block-max-width: 800px;
	/*
	---ICONs---
	*/
	--arrow-right: '\e5c8';
	--arrow-left: '\e5c4';
	--arrow-up: '\e5d8';
	--arrow-out: '\f8ce';
	--arrow-down: '\e5db';
	--check: '\e5ca';
	--expand: '\e5cf';
	--plus: '\e145';
	--minus: '\e15b';
	--lupe: '\e8b6';
	--burger: '\e5d2';
	--close: '\e5cd';
	--search: '\e8b6';
	--checkbox: '\e834';
	--checkbox-frame: '\e835';
	--checkbox-checked: '\e834';
	--filter: '\ef4f';
}
