:root {
    --gfms-color-orange: #db6b30;
    --gfms-color-orange-dark-1: #D5682E;
    --gfms-color-orange-dark-2: #CE642C;
    --gfms-color-orange-dark-3: #C8612A;
    --gfms-color-orange-dark-4: #C15D28;
    --gfms-color-orange-dark-5: #BB5A26;
    --gfms-color-orange-dark-6: #B55624;
    --gfms-color-orange-dark-7: #AE5322;
    --gfms-color-orange-dark-8: #A85020;
    --gfms-color-orange-dark-9: #A24C1E;
    --gfms-color-orange-dark-10: #9c491c;
    --gfms-color-orange-light-1: #DD7037;
    --gfms-color-orange-light-2: #DE753E;
    --gfms-color-orange-light-3: #DF7A45;
    --gfms-color-orange-light-4: #E17F4B;
    --gfms-color-orange-light-5: #E28452;
    --gfms-color-orange-light-6: #E38959;
    --gfms-color-orange-light-7: #E48E60;
    --gfms-color-orange-light-8: #E59266;
    --gfms-color-orange-light-9: #E6976D;
    --gfms-color-orange-light-10: #e79c74;
    --gfms-color-blue: #00629B;
    --gfms-color-blue-alt: #00A3E0;
    --gfms-color-blue-dark-1: #005F93;
    --gfms-color-blue-dark-2: #005B8C;
    --gfms-color-blue-dark-3: #005884;
    --gfms-color-blue-dark-4: #00547D;
    --gfms-color-blue-dark-5: #005175;
    --gfms-color-blue-dark-6: #004D6E;
    --gfms-color-blue-dark-7: #004966;
    --gfms-color-blue-dark-8: #00465F;
    --gfms-color-blue-dark-9: #004258;
    --gfms-color-blue-dark-10: #003E51;
    --gfms-color-blue-light-1: #1E6CA3;
    --gfms-color-blue-light-2: #3076AB;
    --gfms-color-blue-light-3: #3F80B3;
    --gfms-color-blue-light-4: #4D8BBB;
    --gfms-color-blue-light-5: #5A95C3;
    --gfms-color-blue-light-6: #67A0CB;
    --gfms-color-blue-light-7: #74ABD3;
    --gfms-color-blue-light-8: #81B5DB;
    --gfms-color-blue-light-9: #8EC0E3;
    --gfms-color-blue-light-10: #9BCBEB;
    --gfms-color-green: #409E42;
    --gfms-color-green-dark-1: #399B45;
    --gfms-color-green-dark-2: #339747;
    --gfms-color-green-dark-3: #2C944A;
    --gfms-color-green-dark-4: #26904C;
    --gfms-color-green-dark-5: #1F8C4E;
    --gfms-color-green-dark-6: #19894F;
    --gfms-color-green-dark-7: #128550;
    --gfms-color-green-dark-8: #0D8251;
    --gfms-color-green-dark-9: #057E52;
    --gfms-color-green-dark-10: #007A53;
    --gfms-color-green-light-1: #53A847;
    --gfms-color-green-light-2: #5EAD4F;
    --gfms-color-green-light-3: #69B357;
    --gfms-color-green-light-4: #73B95F;
    --gfms-color-green-light-5: #7DBF67;
    --gfms-color-green-light-6: #87C56F;
    --gfms-color-green-light-7: #91CA77;
    --gfms-color-green-light-8: #9AD080;
    --gfms-color-green-light-9: #A4D688;
    --gfms-color-green-light-10: #ADDC91;
    --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-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;
}