@font-face {
    font-family: 'Afacad';
    font-style: normal;
    font-weight: 300 800;
    font-display: swap;
    src: url('Afacad.ttf') format('truetype-variations');
}

/* Launch palette: Sans-Serif */

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 300 800;
    font-display: swap;
    src: url('NunitoSans[YTLC,opsz,wdth,wght].ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: italic;
    font-weight: 300 800;
    font-display: swap;
    src: url('NunitoSans-Italic[YTLC,opsz,wdth,wght].ttf') format('truetype-variations');
}

@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 300 800;
    font-display: swap;
    src: url('DMSans[opsz,wght].ttf') format('truetype-variations');
}

@font-face {
    font-family: 'DM Sans';
    font-style: italic;
    font-weight: 300 800;
    font-display: swap;
    src: url('DMSans-Italic[opsz,wght].ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 300 800;
    font-display: swap;
    src: url('Jost[wght].ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Jost';
    font-style: italic;
    font-weight: 300 800;
    font-display: swap;
    src: url('Jost-Italic[wght].ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 300 800;
    font-display: swap;
    src: url('Outfit[wght].ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 300 800;
    font-display: swap;
    src: url('PlusJakartaSans.ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 300 800;
    font-display: swap;
    src: url('PlusJakartaSans-Italic[wght].ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Figtree';
    font-style: normal;
    font-weight: 300 800;
    font-display: swap;
    src: url('Figtree[wght].ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Figtree';
    font-style: italic;
    font-weight: 300 800;
    font-display: swap;
    src: url('Figtree-Italic[wght].ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Urbanist';
    font-style: normal;
    font-weight: 300 800;
    font-display: swap;
    src: url('Urbanist[wght].ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Urbanist';
    font-style: italic;
    font-weight: 300 800;
    font-display: swap;
    src: url('Urbanist-Italic[wght].ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Hanken Grotesk';
    font-style: normal;
    font-weight: 300 800;
    font-display: swap;
    src: url('HankenGrotesk[wght].ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Hanken Grotesk';
    font-style: italic;
    font-weight: 300 800;
    font-display: swap;
    src: url('HankenGrotesk-Italic[wght].ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300 800;
    font-display: swap;
    src: url('Roboto.ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300 800;
    font-display: swap;
    src: url('Roboto-Italic[wdth,wght].ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('BarlowCondensed-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Barlow Condensed';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url('BarlowCondensed-LightItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('BarlowCondensed-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Barlow Condensed';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('BarlowCondensed-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('BarlowCondensed-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Barlow Condensed';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url('BarlowCondensed-MediumItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('BarlowCondensed-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Barlow Condensed';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url('BarlowCondensed-SemiBoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('BarlowCondensed-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Barlow Condensed';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('BarlowCondensed-BoldItalic.ttf') format('truetype');
}

/* Launch palette: Serif */

@font-face {
    font-family: 'Tinos';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('Tinos-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Tinos';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('Tinos-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Tinos';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('Tinos-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Tinos';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('Tinos-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'EB Garamond';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('EBGaramond[wght].ttf') format('truetype-variations');
}

@font-face {
    font-family: 'EB Garamond';
    font-style: italic;
    font-weight: 400 800;
    font-display: swap;
    src: url('EBGaramond-Italic[wght].ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Cormorant Garamond';
    font-style: normal;
    font-weight: 300 700;
    font-display: swap;
    src: url('CormorantGaramond[wght].ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Cormorant Garamond';
    font-style: italic;
    font-weight: 300 700;
    font-display: swap;
    src: url('CormorantGaramond-Italic[wght].ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Libre Baskerville';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('LibreBaskerville-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Libre Baskerville';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('LibreBaskerville[wght].ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Libre Baskerville';
    font-style: italic;
    font-weight: 400 700;
    font-display: swap;
    src: url('LibreBaskerville-Italic[wght].ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('PlayfairDisplay-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('PlayfairDisplay[wght].ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 400 800;
    font-display: swap;
    src: url('PlayfairDisplay-Italic[wght].ttf') format('truetype-variations');
}

@font-face {
    font-family: 'GFS Didot';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('GFSDidot-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Lora';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('Lora-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Lora';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('Lora[wght].ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Lora';
    font-style: italic;
    font-weight: 400 700;
    font-display: swap;
    src: url('Lora-Italic[wght].ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Source Serif 4';
    font-style: normal;
    font-weight: 300 800;
    font-display: swap;
    src: url('SourceSerif4[opsz,wght].ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Source Serif 4';
    font-style: italic;
    font-weight: 300 800;
    font-display: swap;
    src: url('SourceSerif4-Italic[opsz,wght].ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Rokkitt';
    font-style: normal;
    font-weight: 300 800;
    font-display: swap;
    src: url('Rokkitt[wght].ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Zilla Slab';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('ZillaSlab-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Zilla Slab';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url('ZillaSlab-LightItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Zilla Slab';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('ZillaSlab-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Zilla Slab';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('ZillaSlab-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Zilla Slab';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('ZillaSlab-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Zilla Slab';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url('ZillaSlab-MediumItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Zilla Slab';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('ZillaSlab-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Zilla Slab';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url('ZillaSlab-SemiBoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Zilla Slab';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('ZillaSlab-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Zilla Slab';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('ZillaSlab-BoldItalic.ttf') format('truetype');
}

/* Decorative or script */

@font-face {
    font-family: 'Alex Brush';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('AlexBrush-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Great Vibes';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('GreatVibes-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Lobster';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('Lobster-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Pacifico';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('Pacifico-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Sacramento';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('Sacramento-Regular.ttf') format('truetype');
}

/* Japanese */

@font-face {
    font-family: 'MPLUS1p';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('MPLUS1p-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('NotoSansJP-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Noto Serif JP';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('NotoSerifJP-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300 800;
    font-display: swap;
    src: url('Poppins.ttf') format('truetype-variations');
}