//
// Suisse — the LSI brand faces, copied from the lsiasia project.
//   Suisse Intl  : sans, used for UI text (the Bootstrap base family)
//   Suisse Works : serif, used for headings ($portal-serif)
//
// Only the WebS (small) woff2 cuts are shipped, and only the weights actually
// used, to keep the payload down. font-display: swap so text paints immediately
// in the fallback and reflows once the face lands.
//

@each $weight, $style, $file in
    (300, normal, 'SuisseIntl-Light-WebS'),
    (400, normal, 'SuisseIntl-Regular-WebS'),
    (400, italic, 'SuisseIntl-RegularItalic-WebS'),
    (600, normal, 'SuisseIntl-SemiBold-WebS'),
    (700, normal, 'SuisseIntl-Bold-WebS'),
    (900, normal, 'SuisseIntl-Black-WebS')
{
    @font-face {
        font-family: 'Suisse Intl';
        font-style: $style;
        font-weight: $weight;
        font-display: swap;
        src: url('../fonts/suisse-intl/#{$file}.woff2') format('woff2');
    }
}

@each $weight, $style, $file in
    (400, normal, 'SuisseWorks-Regular-WebS'),
    (400, italic, 'SuisseWorks-RegularItalic-WebS'),
    (700, normal, 'SuisseWorks-Bold-WebS')
{
    @font-face {
        font-family: 'Suisse Works';
        font-style: $style;
        font-weight: $weight;
        font-display: swap;
        src: url('../fonts/suisse-works/#{$file}.woff2') format('woff2');
    }
}
