@font-face {
    font-family: 'FreeSansBold';
    src: url('../fonts/FreeSansBold.woff2') format('woff2'),
        url('../fonts/FreeSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FreeSansBoldOblique';
    src: url('../fonts/FreeSansBoldOblique.woff2') format('woff2'),
        url('../fonts/FreeSansBoldOblique.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FreeSans';
    src: url('../fonts/FreeSans.woff2') format('woff2'),
        url('../fonts/FreeSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FreeSansOblique';
    src: url('../fonts/FreeSansOblique.woff2') format('woff2'),
        url('../fonts/FreeSansOblique.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Zarana-Regular';
    src: url('../fonts/Zarana-Regular.woff2') format('woff2'),
        url('../fonts/Zarana-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
	--font-trs-80-family: eurostile-extended, sans-serif;
	--font-trs-80-style: normal;
	--font-trs-80-weight: 900;

	--font-tandy-family: 'Zarana-Regular', sans-serif;
	--font-tandy-style: normal;
	--font-tandy-weight: normal;

	--font-heading-family: 'FreeSansBold', sans-serif;
	--font-heading-style: normal;
	--font-heading-weight: normal;

	--font-subheading-family: 'FreeSansOblique', sans-serif;
	--font-subheading-style: normal;
	--font-subheading-weight: normal;

	--font-text-family: 'FreeSans', sans-serif;
	--font-text-style: normal;
	--font-text-weight: normal;


	--color-text-primary: black;
	--color-text-secondary: #7f7f7f;
	--color-text-link: red;
	--color-text-dead: #9f6f6f;
	--color-cart-normal: #ff7f7f;
	--color-cart-active: #ff0000;
	--color-background-primary: white;

	font-size:2vh;
}