:root {
	box-sizing: border-box;

    --color-1: black;
    --color-2: white;
    --color-3: #336e4f;
	--color-4: #8fab82;
    --color-5: #dbe8c9;
    --color-6: #b8e3f7;
    --color-7: #c9e5e0;
	--color-8: #ece3b3;

    --menu-item-width-normal: 580px;
    --menu-item-width-mobile: 400px;
}

*, ::before, ::after {
	box-sizing: inherit;
	margin: 0;
	padding: 0;
}

a, a:hover, a:focus, a:active {
	color: inherit;
	text-decoration: none;
}

a:focus-visible {
	outline: 3px solid var(--color-primary-1);
    outline-offset: -2px;
}

a:focus:not(:focus-visible) {
	outline: none;
}

@font-face {
    font-family: "sofia-pro";
    src: url("https://use.typekit.net/af/7158ff/00000000000000003b9b1a9c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 600;
}