/* weight reference: https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight#common_weight_name_mapping */
/* ==================== These are the true font-face rules we should be using =================== */

/* ---------------------------- Light Weight (HelveticaNeue-Thin) {$font-light} -------------------------------- */
@font-face {
    font-family: 'HelveticaNeue';
    src: url('./HelveticaNeue-Thin.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* ---------------------------- Light Weight [Italic] (HelveticaNeue-Thin-Italic) -------------------------------- */
@font-face {
    font-family: 'HelveticaNeue';
    src: url('./HelveticaNeue-Thin-Italic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* ---------------------------- Normal Weight (HelveticaNeue-Roman) {$font-reRgular} -------------------------------- */
@font-face {
    font-family: 'HelveticaNeue';
    src: url('./HelveticaNeue-Roman.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ---------------------------- Normal Weight [Italic] (HelveticaNeue-Italic) -------------------------------- */
@font-face {
    font-family: 'HelveticaNeue';
    src: url('./HelveticaNeue-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* ---------------------------- Medium Weight (HelveticaNeue-Medium) {$font-semi-bold} -------------------------------- */
@font-face {
    font-family: 'HelveticaNeue';
    src: url('./HelveticaNeue-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* ---------------------------- Medium Weight [Italic] (HelveticaNeue-Medium-Italic) -------------------------------- */
@font-face {
    font-family: 'HelveticaNeue';
    src: url('./HelveticaNeue-Medium-Italic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* ---------------------------- Bold Weight (HelveticaNeue-Bold) {$font-bold} -------------------------------- */
@font-face {
    font-family: 'HelveticaNeue';
    src: url('./HelveticaNeue-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ---------------------------- Bold Weight [Italic] (HelveticaNeue-Bold-Italic) -------------------------------- */
@font-face {
    font-family: 'HelveticaNeue';
    src: url('./HelveticaNeue-Bold-Italic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* ---------------------------- Extra Bold Weight (HelveticaNeue-Black) {$font-extra-bold} -------------------------------- */
@font-face {
    font-family: 'HelveticaNeue';
    src: url('./HelveticaNeue-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* ---------------------------- Extra Bold Weight [Italic] (HelveticaNeue-Black-Italic) -------------------------------- */
@font-face {
    font-family: 'HelveticaNeue';
    src: url('./HelveticaNeue-Black-Italic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}