/*---- FONTs ----*/
@font-face {
    font-family: 'FilsonPro';
    src: url('../assets/fonts/FilsonProThin.otf') format('truetype');
    font-weight: 100;
}
@font-face {
    font-family: 'FilsonPro';
    src: url('../assets/fonts/FilsonProLight.otf') format('truetype');
    font-weight: 200;
}
@font-face {
    font-family: 'FilsonPro';
    src: url('../assets/fonts/FilsonProBook.otf') format('truetype');
    font-weight: 300;
}
@font-face {
    font-family: 'FilsonPro';
    src: url('../assets/fonts/FilsonProRegular.otf') format('truetype');
    font-weight: 400;
}
@font-face {
    font-family: 'FilsonPro';
    src: url('../assets/fonts/FilsonProMedium.otf') format('truetype');
    font-weight: 500;
}
@font-face {
    font-family: 'FilsonPro';
    src: url('../assets/fonts/FilsonProBold.otf') format('truetype');
    font-weight: 600;
}
@font-face {
    font-family: 'FilsonPro';
    src: url('../assets/fonts/FilsonProHeavy.otf') format('truetype');
    font-weight: 700;
}
@font-face {
    font-family: 'FilsonPro';
    src: url('../assets/fonts/FilsonProBlack.otf') format('truetype');
    font-weight: 800;
}

$font-family: 'FilsonPro', sans-serif;

/*---- Colors ----*/

$primary-clr: #007fff !default;
$secondary-clr: #15153a !default;
$bg-primary-clr: #f7f7f7 !default;
$bg-secondary-clr: #f7f7f7 !default;
$text-primary-clr: #a4a4a4 !default;
$text-secondary-clr: #ffffff !default;
$radius: 0.25rem !default;
$transition-100: all 0.1s ease-in-out !default;
$transition-300: all 0.3s ease-in-out !default;
$white: #fff !default;
$black: #000 !default;
$gray-100: #efefef !default;
$gray-200: #b2b2b2 !default;
$gray-300: #929292 !default;
$gray-400: #898989 !default;
$gray-500: #7b7b7b !default;
$gray-600: #636363 !default;
$gray-700: #282828 !default;

$blue: #007fff !default;
$indigo: #6610f2 !default;
$purple: #6f42c1 !default;
$pink: #e83e8c !default;
$red: #e74a3b !default;
$orange: #fd7e14 !default;
$yellow: #f6c23e !default;
$green: #1cc88a !default;
$teal: #20c9a6 !default;
$cyan: #36b9cc !default;

$error: #ed2121 !default;
$info: #2ca9e1 !default;
$success: #38b48b !default;
$warning: #ffc539 !default;

$shadow-z100: 0px 0px 10px 0px rgba(132, 132, 132, 0.15);
$shadow-z200: 0px 0px 20px 0px rgba(132, 132, 132, 0.2);
$shadow-z300: 0px 0px 30px 0px rgba(132, 132, 132, 0.3);

$primary-color: var(--primary-color);
$secondary-color: var(--secondary-color);
$bg-primary-color: var(--bg-primary-color);
$bg-secondary-color: var(--bg-secondary-color);
$text-primary-color: var(--text-primary-color);
$text-secondary-color: var(--text-secondary-color);

//DARK THEME
$dark-primary-clr: #2069e0;
$dark-secondary-clr: #e4e4e4;
$dark-primary-bg-clr: #18191a;
$dark-secondary-bg-clr: #242526;
$dark-text-primary-clr: #b0b3b8;
$dark-text-secondary-clr: #f0f5ff;

$dark-input-bg-clr: #242526;
$dark-input-clr: #e4e4e4;
$dark-img-filter-clr: brightness(0) invert(1);
$dark-sidebar-sub-ele-clr: #3a3b3c;
$dark-sidebar-sub-ele-active-clr: #2d2d2d;
$dark-sidebar-text-active-clr: #88b5ff;
$dark-input-border-clr: #464c4e;
$dark-input-focus-active-clr: #61614a;
$dark-input-text-focus-active-clr: #e4e4e4;
