:root {
    --gfms-color-orange-light: #e79c74;
    --gfms-color-orange: #db6b30;
    --gfms-color-orange-dark: #9c491c;
    --gfms-color-blue-light: #9bcbeb;
    --gfms-color-blue: #00629b;
    --gfms-color-blue-dark: #003551;

    --gfms-color-black: #000001;
    --gfms-color-white: #fffffe;
    --gfms-color-gray: #8e8e8f;

    --gfms-color-dark-gray-1: #161617;
    --gfms-color-dark-gray-2: #202021;
    --gfms-color-dark-gray-3: #2a2a2b;
    --gfms-color-dark-gray-4: #3e3e3f;
    --gfms-color-dark-gray-5: #484849;
    --gfms-color-dark-gray-6: #525253;
    --gfms-color-dark-gray-7: #5c5c5d;
    --gfms-color-dark-gray-8: #666667;
    --gfms-color-dark-gray-9: #707071;
    --gfms-color-dark-gray-10: #7a7a7b;

    --gfms-color-light-gray-1: #fcfcfd;
    --gfms-color-light-gray-2: #f2f2f3;
    --gfms-color-light-gray-3: #e8e8e9;
    --gfms-color-light-gray-4: #dededf;
    --gfms-color-light-gray-5: #d4d4d5;
    --gfms-color-light-gray-6: #cacacb;
    --gfms-color-light-gray-7: #c0c0c1;
    --gfms-color-light-gray-8: #b6b6b7;
    --gfms-color-light-gray-9: #acacad;
    --gfms-color-light-gray-10: #a2a2a3;

    --gfms-color-purple-dark: #67237f;
    --gfms-color-purple-light: #9f76b3;
    --gfms-color-pink-dark: #b00069;
    --gfms-color-pink-light: #ee4d9b;
    --gfms-color-red-dark: #db304a;
    --gfms-color-red-light: #CF6679;
    --gfms-color-yellow-dark: #ac7818;
    --gfms-color-yellow-light: #ffe060;
    --gfms-color-green-dark: #007a53;
    --gfms-color-green-light: #47a23f;
    --gfms-color-yellow-green-dark: #728c20;
    --gfms-color-yellow-green-light: #aabf32;
    --gfms-color-turquoise-dark: #008396;
    --gfms-color-turquoise-light: #21bec6;
    
    --gfms-border-radius: 0.3rem;
}

@font-face {
    font-family: 'DIN Next W1G';
    font-display: swap;
    src: url('./fonts/DINNextW1G/DINNextW1G-Regular.woff2') format('woff2'), url('./fonts/DINNextW1G/DINNextW1G-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Next W1G';
    font-display: swap;
    src: url('./fonts/DINNextW1G/DINNextW1G-Medium.woff2') format('woff2'), url('./fonts/DINNextW1G/DINNextW1G-Medium.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Next W1G';
    font-display: swap;
    src: url('./fonts/DINNextW1G/DINNextW1G-BoldItalic.woff2') format('woff2'), url('./fonts/DINNextW1G/DINNextW1G-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'DIN Next W1G';
    font-display: swap;
    src: url('./fonts/DINNextW1G/DINNextW1G-Bold.woff2') format('woff2'), url('./fonts/DINNextW1G/DINNextW1G-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Next W1G';
    font-display: swap;
    src: url('./fonts/DINNextW1G/DINNextW1G-Italic.woff2') format('woff2'), url('./fonts/DINNextW1G/DINNextW1G-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

body {
    font-family: 'DIN Next W1G', 'Arial', 'sans-serif';
}

/* Custom scroll bars (not for firefox)*/
::-webkit-scrollbar, ::-webkit-scrollbar-corner, ::-webkit-scrollbar-track {
    background: transparent !important;
}

::-webkit-scrollbar {
    width: 0.75rem !important;
    height: 0.75rem !important;
}

::-webkit-scrollbar-thumb {
    border-radius: 0.4rem !important;
    background: rgba(128, 128, 128, 0.5) !important;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(128, 128, 128, 0.5) !important;
}