@charset "UTF-8";

/*
    100 – Thin
    200 – Extra Light
    300 – Light
    400 – Regular
    500 – Medium
    600 – Semibold
    700 – Bold
    900 – Black
*/

/* Icons */
@font-face {
    font-family: "Font Awesome";
    src: url("../fonts/font-awesome/fa-solid-900.woff2");
}

/* Inter (UI, Text) */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/inter/InterVariable.woff2") format("woff2");
}

@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/inter/InterVariable-Italic.woff2") format("woff2");
}

/* Source Serif (Serif) */
@font-face {
    font-family: "Source Serif";
    src: url("../fonts/source-serif/SourceSerif4Variable-Roman.ttf.woff2");
    font-weight: 200 900;
    font-style: normal;
}

@font-face {
    font-family: "Source Serif";
    src: url("../fonts/source-serif/SourceSerif4Variable-Italic.ttf.woff2");
    font-weight: 200 900;
    font-style: italic;
}

/* Lilex (Mono) */
@font-face {
    font-family: "Lilex";
    src: url("../fonts/lilex/Lilex[wght].ttf");
    font-weight: 100 900;
    font-style: normal;
}

@font-face {
    font-family: "Lilex";
    src: url("../fonts/lilex/Lilex-Italic[wght].ttf");
    font-weight: 100 900;
    font-style: italic;
}

/*@font-face {
    font-family: "Source Serif";
    src: url("../fonts/source-serif/SourceSerif4-Light.otf.woff2");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Source Serif";
    src: url("../fonts/source-serif/SourceSerif4-LightIt.otf.woff2");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Source Serif";
    src: url("../fonts/source-serif/SourceSerif4-Regular.otf.woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Source Serif";
    src: url("../fonts/source-serif/SourceSerif4-It.otf.woff2");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Source Serif";
    src: url("../fonts/source-serif/SourceSerif4-Bold.otf.woff2");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Source Serif";
    src: url("../fonts/source-serif/SourceSerif4-BoldIt.otf.woff2");
    font-weight: bold;
    font-style: italic;
}*/

/* Courier Prime (Mono / Typewriter) */
/*@font-face {
    font-family: "Courier Prime";
    src: url("../fonts/courier-prime/Courier Prime.ttf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Courier Prime";
    src: url("../fonts/courier-prime/Courier Prime Italic.ttf");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Courier Prime Code";
    src: url("../fonts/courier-prime-code/Courier Prime Code.ttf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Courier Prime Code";
    src: url("../fonts/courier-prime-code/Courier Prime Code Italic.ttf");
    font-weight: normal;
    font-style: italic;
}*/

/* Jet Brains (Mono) */
/*@font-face {
    font-family: "Jet Brains";
    src: url("../fonts/jet-brains/JetBrainsMono-Regular.woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Jet Brains";
    src: url("../fonts/jet-brains/JetBrainsMono-Italic.woff2");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Jet Brains";
    src: url("../fonts/jet-brains/JetBrainsMono-Bold.woff2");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Jet Brains";
    src: url("../fonts/jet-brains/JetBrainsMono-BoldItalic.woff2");
    font-weight: bold;
    font-style: italic;
}*/

/* Commit (Mono) */
@font-face {
    font-family: "Commit";
    src: url("../fonts/commit-mono/CommitMono VariableFont.woff2");
    font-weight: 200 700;
}

/* Be Vietnam Pro (Sans, Text) */
@font-face {
    font-family: "Be Vietnam Pro";
    src: url("../fonts/be-vietnam-pro/BeVietnamPro-ExtraLight.woff2");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Be Vietnam Pro";
    src: url("../fonts/be-vietnam-pro/BeVietnamPro-ExtraLightItalic.woff2");
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: "Be Vietnam Pro";
    src: url("../fonts/be-vietnam-pro/BeVietnamPro-Light.woff2");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Be Vietnam Pro";
    src: url("../fonts/be-vietnam-pro/BeVietnamPro-LightItalic.woff2");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Be Vietnam Pro";
    src: url("../fonts/be-vietnam-pro/BeVietnamPro-Regular.woff2");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Be Vietnam Pro";
    src: url("../fonts/be-vietnam-pro/BeVietnamPro-Italic.woff2");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Be Vietnam Pro";
    src: url("../fonts/be-vietnam-pro/BeVietnamPro-Medium.woff2");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Be Vietnam Pro";
    src: url("../fonts/be-vietnam-pro/BeVietnamPro-MediumItalic.woff2");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Be Vietnam Pro";
    src: url("../fonts/be-vietnam-pro/BeVietnamPro-SemiBold.woff2");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Be Vietnam Pro";
    src: url("../fonts/be-vietnam-pro/BeVietnamPro-SemiBoldItalic.woff2");
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: "Be Vietnam Pro";
    src: url("../fonts/be-vietnam-pro/BeVietnamPro-Bold.woff2");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Be Vietnam Pro";
    src: url("../fonts/be-vietnam-pro/BeVietnamPro-BoldItalic.woff2");
    font-weight: 700;
    font-style: italic;
}

/* Figtree (Sans, Text) */
@font-face {
    font-family: "Figtree";
    src: url("../fonts/figtree/Figtree-Light.woff2");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Figtree";
    src: url("../fonts/figtree/Figtree-LightItalic.woff2");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Figtree";
    src: url("../fonts/figtree/Figtree-Regular.woff2");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Figtree";
    src: url("../fonts/figtree/Figtree-Italic.woff2");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Figtree";
    src: url("../fonts/figtree/Figtree-Medium.woff2");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Figtree";
    src: url("../fonts/figtree/Figtree-MediumItalic.woff2");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Figtree";
    src: url("../fonts/figtree/Figtree-SemiBold.woff2");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Figtree";
    src: url("../fonts/figtree/Figtree-SemiBoldItalic.woff2");
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: "Figtree";
    src: url("../fonts/figtree/Figtree-Bold.woff2");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Figtree";
    src: url("../fonts/figtree/Figtree-BoldItalic.woff2");
    font-weight: 700;
    font-style: italic;
}

/* Supreme (Sans, Text, Details) */
/*@font-face {
    font-family: "Supreme";
    src: url("../fonts/supreme/Supreme-Variable.woff2");
    font-weight: 100 900;
    font-style: normal;
}

@font-face {
    font-family: "Supreme";
    src: url("../fonts/supreme/Supreme-VariableItalic.woff2");
    font-weight: 100 900;
    font-style: italic;
}*/

/* Ubuntu (Sans, Text, Details, CI) */
/*@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/ubuntu/ubuntu-regular-webfont.woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/ubuntu/ubuntu-regular-italic-webfont.woff2");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/ubuntu/ubuntu-bold-webfont.woff2");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/ubuntu/ubuntu-bold-italic-webfont.woff2");
    font-weight: bold;
    font-style: italic;
}*/

/* Ubuntu Mono (Mono, Details, CI) */
/*@font-face {
    font-family: "Ubuntu Mono";
    src: url("../fonts/ubuntu/ubuntumono-regular-webfont.woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Ubuntu Mono";
    src: url("../fonts/ubuntu/ubuntumono-regular-italic-webfont.woff2");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Ubuntu Mono";
    src: url("../fonts/ubuntu/ubuntumono-bold-webfont.woff2");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Ubuntu Mono";
    src: url("../fonts/ubuntu/ubuntumono-bold-italic-webfont.woff2");
    font-weight: bold;
    font-style: italic;
}*/

/* Tabular (Mono) */
/*@font-face {
    font-family: "Tabular";
    src: url("../fonts/tabular/Tabular-Regular.woff2");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Tabular";
    src: url("../fonts/tabular/Tabular-Italic.woff2");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Tabular";
    src: url("../fonts/tabular/Tabular-Medium.woff2");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Tabular";
    src: url("../fonts/tabular/Tabular-MediumItalic.woff2");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Tabular";
    src: url("../fonts/tabular/Tabular-Bold.woff2");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Tabular";
    src: url("../fonts/tabular/Tabular-BoldItalic.woff2");
    font-weight: 700;
    font-style: italic;
}*/

/* Crimson Pro (Serif) */
@font-face {
    font-family: "Crimson";
    src: url("../fonts/crimson-pro/CrimsonPro-VariableFont_wght.ttf");
    font-weight: 100 900;
    font-style: normal;
}

@font-face {
    font-family: "Crimson";
    src: url("../fonts/crimson-pro/CrimsonPro-Italic-VariableFont_wght.ttf");
    font-weight: 100 900;
    font-style: italic;
}

/* Instrument (Serif) */
/*@font-face {
    font-family: "Instrument";
    src: url("../fonts/instrument-serif/InstrumentSerif-Regular.ttf");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Instrument";
    src: url("../fonts/instrument-serif/InstrumentSerif-Italic.ttf");
    font-weight: 400;
    font-style: italic;
}*/

/* Xanh (Mono serif) */
/*@font-face {
    font-family: "Xanh Mono";
    src: url("../fonts/xanh-mono/XanhMono-Regular.ttf");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Xanh Mono";
    src: url("../fonts/xanh-mono/XanhMono-Italic.ttf");
    font-weight: 400;
    font-style: italic;
}*/

/* Familjen */
@font-face {
    font-family: "Familjen";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/familjen/FamiljenGrotesk-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "Familjen";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/familjen/FamiljenGrotesk-Italic.woff2") format("woff2");
}

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

@font-face {
    font-family: "Familjen";
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/familjen/FamiljenGrotesk-MediumItalic.woff2") format("woff2");
}

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

@font-face {
    font-family: "Familjen";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/familjen/FamiljenGrotesk-BoldItalic.woff2") format("woff2");
}

/* Boldonse (expressive titles) */
@font-face {
    font-family: "Boldonse";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/boldonse/Boldonse-Regular.ttf");
}

/* TESTS */

/* Monaspace */
@font-face {
    font-family: "Monaspace";
    font-weight: 200 800;
    font-style: oblique -11deg 0deg;
    font-display: swap;
    src: url("../fonts/monaspace/MonaspaceRadonVarVF[wght\,wdth\,slnt].woff2") format("woff2");
}

/* Quadrant */
/*@font-face {
    font-family: "Quadrant Duo";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("../fonts/quadrant/QuadrantSlabDuoTrial-Thin.otf");
}

@font-face {
    font-family: "Quadrant Duo";
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url("../fonts/quadrant/QuadrantSlabDuoTrial-ThinItalic.otf");
}

@font-face {
    font-family: "Quadrant";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/quadrant/QuadrantTextTrial-Regular.otf");
}

@font-face {
    font-family: "Quadrant";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/quadrant/QuadrantTextTrial-RegularItalic.otf");
}

@font-face {
    font-family: "Quadrant Mono";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/quadrant/QuadrantTextMonoTrial-Regular.otf");
}

@font-face {
    font-family: "Quadrant Mono";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/quadrant/QuadrantTextMonoTrial-RegularItalic.otf");
}*/

/* Untitled */
/*@font-face {
    font-family: "Untitled";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/test-untitled/test-untitled-serif-regular.woff2") format("woff2");
}

@font-face {
    font-family: "Untitled";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/test-untitled/test-untitled-serif-regular-italic.woff2") format("woff2");
}*/

/* Pitch */
/*@font-face {
    font-family: "Pitch";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/test-pitch/test-pitch-medium.woff2") format("woff2");
}

@font-face {
    font-family: "Pitch";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/test-pitch/test-pitch-regular-italic.woff2") format("woff2");
}

@font-face {
    font-family: "Pitch Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/test-pitch/test-pitch-sans-regular.woff2") format("woff2");
}

@font-face {
    font-family: "Pitch Sans";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/test-pitch/test-pitch-sans-regular-italic.woff2") format("woff2");
}*/

/* Söhne */
/*@font-face {
    font-family: "Soehne";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/test-soehne/test-soehne-halbfett.woff2") format("woff2");
}

@font-face {
    font-family: "Soehne";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/test-soehne/test-soehne-buch-kursiv.woff2") format("woff2");
}*/

/* Zilla */
@font-face {
    font-family: "Zilla Slab";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/zilla-slab/ZillaSlab-LightItalic.ttf");
}

@font-face {
    font-family: "Zilla Slab";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/zilla-slab/ZillaSlab-Italic.ttf");
}

/* Rokkitt (slab) */
@font-face {
    font-family: "Rokkitt";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/rokkitt/Rokkitt-VariableFont_wght.ttf");
}

@font-face {
    font-family: "Rokkitt";
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/rokkitt/Rokkitt-Italic-VariableFont_wght.ttf");
}

/* Radley (transcript) */
/*@font-face {
    font-family: "Radley";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/radley/Radley-Regular.ttf");
}

@font-face {
    font-family: "Radley";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/radley/Radley-Italic.ttf");
}*/

/* Mona Sans */
@font-face {
    font-family: "Mona Sans";
    src:
        url('../fonts/mona-sans/MonaSans[slnt\,wdth\,wght].woff2') format('woff2 supports variations'),
        url('../fonts/mona-sans/MonaSans[slnt\,wdth\,wght].woff2') format('woff2-variations');
    font-weight: 200 900;
    font-stretch: 75% 125%;
}

/* Saga (Smuss) */
/*@font-face {
    font-family: "Saga";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/saga/STKSaga-Light-Trial.otf");
}

@font-face {
    font-family: "Saga";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/saga/STKSaga-Book-Italic-Trial.otf");
}*/

/* Oswald (titles) */
@font-face {
    font-family: "Oswald";
    src:
        url('../fonts/oswald/Oswald-VariableFont_wght.ttf');
    font-weight: 200 700;
}

/* Freeman (titles) */
@font-face {
    font-family: "Freeman";
    src:
        url('../fonts/freeman/Freeman-Regular.ttf');
    font-weight: 400;
}