/* Karla for regular copy */
@font-face {
    font-display: swap;
    font-family: 'Karla';
    font-weight: normal;
    font-style: normal;
    src: url('karla-regular.woff2') format('woff2'),
         url('karla-regular.woff') format('woff');
}

@font-face {
    font-display: swap;
    font-family: 'Karla';
    font-weight: bold;
    font-style: normal;
    src: url('karla-500.woff2') format('woff2'),
         url('karla-500.woff') format('woff');
}

@font-face {
    font-display: swap;
    font-family: 'Karla';
    font-weight: normal;
    font-style: italic;
    src: url('karla-italic.woff2') format('woff2'),
         url('karla-italic.woff') format('woff');
}

@font-face {
    font-display: swap;
    font-family: 'Karla';
    font-weight: bold;
    font-style: italic;
    src: url('karla-500italic.woff2') format('woff2'),
         url('karla-500italic.woff') format('woff');
}

/* Space Grotesk for headings */
@font-face {
    font-display: swap;
    font-family: 'SpaceGrotesk';
    font-weight: normal;
    font-style: normal;
    src: url('space-grotesk-regular.woff2') format('woff2'),
         url('space-grotesk-regular.woff') format('woff');
}

@font-face {
    font-display: swap;
    font-family: 'SpaceGrotesk';
    font-weight: bold;
    font-style: normal;
    src: url('space-grotesk-500.woff2') format('woff2'),
         url('space-grotesk-500.woff') format('woff');
}