/* ==================== Fonts ==================== */

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');

@font-face {
    font-family: 'Brass Mono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src:
        url('/assets/fonts/BrassMono/BrassMonoCode-Regular.woff2') format('woff2'),
        url('/assets/fonts/ttf/BrassMonoCode-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Brass Mono';
    font-style: bold;
    font-weight: 700;

    font-display: swap;
    src:
        url('/assets/fonts/BrassMono/BrassMonoCode-Bold.woff2') format('woff2'),
        url('/assets/fonts/ttf/BrassMonoCode-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Brass Mono';
    font-style: italic;
    font-weight: 400;

    font-display: swap;
    src:
        url('/assets/fonts/BrassMono/BrassMonoCode-Italic.woff2') format('woff2'),
        url('/assets/fonts/ttf/BrassMonoCode-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Fairfax HD';
    font-style: normal;
    font-weight: 400;

    font-display: swap;
    src:
        url('/assets/fonts/FairfaxHD/FairfaxHD.woff2') format('woff2'),
        url('/assets/fonts/FairfaxHD/FairfaxHD.ttf') format('truetype');
}

.brass-mono,
.brass-mono * {
    font-family: 'Brass Mono';
    font-optical-sizing: auto;
}

.fira-code,
.fira-code * {
    font-family: 'Fira Code', Consolas, monospace;
    font-optical-sizing: auto;
}

.jetbrains-mono,
.jetbrains-mono * {
    font-family: 'JetBrains Mono', Consolas, monospace;
    font-optical-sizing: auto;
}

.fairfax-hd,
.fairfax-hd *,
.ipa,
.ipa *,
.unicode,
.unicode * {
    font-family: 'Fairfax HD', Consolas, monospace;
    font-optical-sizing: auto;
}

.space-grotesk,
.space-grotesk * {
    font-family: 'Space Grotesk', sans-serif;
    font-optical-sizing: auto;
}

.geist,
.geist * {
    font-family: 'Geist', sans-serif;
    font-optical-sizing: auto;
}