/*
 * Self-hosted Canva fonts.
 *
 * Drop the licensed font files into /wwwroot/fonts/ using these names:
 *   Slight-Regular.woff2
 *   Slight-Medium.woff2   (optional)
 *   Slight-Bold.woff2     (optional)
 *   Gotham-Light.woff2    (optional)
 *   Gotham-Book.woff2
 *   Gotham-Medium.woff2
 *   Gotham-Bold.woff2     (optional)
 *
 * If you have .otf/.ttf instead, append additional `src` entries or convert
 * to woff2 (recommended). Until the files are present the fallback stack
 * (Playfair Display / system serif for Slight; Montserrat / system sans
 * for Gotham) will render so the layout never breaks.
 */

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

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

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

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

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

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

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