// FONTS
// Define how looks the text

$fontsize: 4.75mm;

$fontweight_big: 300;
$fontweight_base: 400;
$fontweight_bold: 600;
$fontweight_hyper: 800;

$basefont: Inter,
-apple-system,
BlinkMacSystemFont,
'Segoe UI',
Cantarell,
Roboto,
Oxygen,
Ubuntu,
'Fira Sans',
'Droid Sans',
'Helvetica Neue',
sans-serif;
$titlefont: Teko, sans-serif;

@font-face {
    font-family: 'Teko';
    src: url('fonts/teko-light-webfont.woff');
    font-weight: 300;
}

@font-face {
    font-family: 'Teko';
    src: url('fonts/teko-regular-webfont.woff');
    font-weight: 400;
}

@font-face {
    font-family: 'Teko';
    src: url('fonts/teko-medium-webfont.woff');
    font-weight: 500;
}

@font-face {
    font-family: 'Teko';
    src: url('fonts/teko-semibold-webfont.woff');
    font-weight: 600;
}

@font-face {
    font-family: 'Teko';
    src: url('fonts/teko-bold-webfont.woff2') format('woff2'), url('fonts/teko-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}