@font-face {
    font-family: 'jersey10';
    src: url('../styleguide/latest/fonts/jersey-10-latin-400-normal.ttf') format('truetype');
    src: url('../styleguide/latest/fonts/jersey-10-latin-400-normal.woff') format('woff');
    src: url('../styleguide/latest/fonts/jersey-10-latin-400-normal.woff2') format('woff2');
}

@font-face {
    font-family: 'Hack';
    font-weight: 400;
    font-style: normal;
    src: URL('../styleguide/latest/fonts/Hack-Regular.ttf') format('truetype');
    src: url('../styleguide/latest/fonts/Hack-Regular.woff') format('woff');
    src: url('../styleguide/latest/fonts/Hack-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Hack';
    font-weight: 400;
    font-style: italic;
    src: url('../styleguide/latest/fonts/Hack-Italic.ttf') format('truetype');
    src: url('../styleguide/latest/fonts/Hack-Italic.woff') format('woff');
    src: url('../styleguide/latest/fonts/Hack-Italic.woff2') format('woff2');
}

@font-face {
    font-family: 'Hack';
    font-weight: 700;
    font-style: normal;
    src: url('../styleguide/latest/fonts/Hack-Bold.ttf') format('truetype');
    src: url('../styleguide/latest/fonts/Hack-Bold.woff') format('woff');
    src: url('../styleguide/latest/fonts/Hack-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'Hack';
    font-weight: 700;
    font-style: italic;
    src: url('../styleguide/latest/fonts/Hack-BoldItalic.ttf') format('truetype');
    src: url('../styleguide/latest/fonts/Hack-Bolditalic.woff') format('woff');
    src: url('../styleguide/latest/fonts/Hack-Bolditalic.woff2') format('woff2');
}


:root {
    --color-dark: #001300;
    --color-dark-tint-01: #2e3d2e;
    --color-dark-tint-02: #5c685c;

    --color-neutral-shade-01: #c1c2c5;
    --color-neutral: #ebedf0;
    --color-neutral-tint-01: #eff0f3;
    --color-neutral-tint-02: #f2f3f5;

    --color-primary-shade-02: #365323;
    --color-primary-shade-01: #4b7330;
    --color-primary: #75b44b;
    --color-primary-tint-01: #81bb5b;
    --color-primary-tint-02: #8ec26b;
    --color-primary-tint-03: #9ac87c;
    --color-primary-tint-04: #a7cf8c;
    --color-primary-tint-05: #b3d69c;

    --color-additional-01: #15ada3;
    --color-additional-02: #9fa4e8;
    --color-additional-03: #c892d6;
    --color-additional-04: #ee5da2;
    --color-additional-05: #ea6f82;
    --color-additional-06: #f88a30;
    --color-additional-07: #ffbc40;
}