/*
 * Open Sans is subset to Latin + Latin Extended (all EU languages).
 * It is a variable font: weights 300-800, widths 75-100%.
 */
@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/OpenSans-Variable.woff2') format('woff2');
    font-weight: 300 800;
    font-stretch: 75% 100%;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/OpenSans-Italic-Variable.woff2') format('woff2');
    font-weight: 300 800;
    font-stretch: 75% 100%;
    font-style: italic;
    font-display: swap;
}

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

@font-face {
    font-family: 'Pinstripe';
    src: url('../fonts/AlumniSansPinstripe-Italic.woff2') format('woff2');
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'CalSans';
    src: url('../fonts/CalSans-Regular.woff2') format('woff2');
    font-display: swap;
}

body {
    --font-opensans: 'OpenSans', sans-serif;
    --font-pinstripe: 'Pinstripe', sans-serif;
    --font-calsans: 'CalSans', sans-serif;
}

.opensans-font {
    font-family: 'OpenSans', sans-serif;
}

.pinstripe-font {
    font-family: 'Pinstripe', sans-serif;
}

.calsans-font {
    font-family: 'CalSans', sans-serif;
}