//Global color roles
$blue-primary: #009EF7;
$gray-blue-primary: #6E9DD4;
$purple-primary: #7C87FF;
$green-primary: #71D356;
$red-primary: #FF4F4C;
$yellow-primary: #FFD000;
//Light theme colors
$gray-background-lightest: #F3F6F9;
$gray-background-light: #E4E9F0;
$gray-background-light2: #EAEEF4;
$gray-strong: #D3DFEC;
$gray-background-dark: #C2CFDD;
$gray-light: #A1B7D4;
$gray-primary: #809EC1;
$medium-blue: #4c709a;
$black-bluish: #445D7B;
$light-border-color: #0000001E;
//dark theme colors
$background-lvl5: #111219;
$background-lvl4: #212332;
$background-lvl3: #212332;
$background-lvl2: #2A2D3E;
$background-lvl1: #34384C;
$black-bluish: #445D7B;
$gray-light: #A1B7D4;
$gray-background-dark: #C2CFDD;
//custom
$dark-border-color: #FFFFFF4C;
$dark-background-color: #2A2D3E;
$dark-default-text-color: white;
$dark-work-title-color: #C2CFDD;
$dark-work-details-color: #809EC1;

$light-unity-palette: (
        50: $gray-background-lightest,
        100: $gray-background-light,
        200: $gray-strong,
        300: $gray-light,
        400: $gray-primary,
        500: $black-bluish,
        600: $background-lvl5,
        700: $background-lvl3,
        800: $background-lvl2,
        900: $background-lvl1,
        A100: #ff8a80,
        A200: #ff5252,
        A400: #ff1744,
        A700: #d50000,
        contrast: (
                50: rgba(black, 0.87),
                100: rgba(black, 0.87),
                200: rgba(black, 0.87),
                300: rgba(black, 0.87),
                400: rgba(black, 0.87),
                500: white,
                600: white,
                700: white,
                800: rgba(white, 0.87),
                900: rgba(white, 0.87),
                A100: rgba(black, 0.87),
                A200: white,
                A400: white,
                A700: white,
        )
);
$dark-unity-palette: (
        50: $gray-background-lightest,
        100: $gray-background-light,
        200: $gray-strong,
        300: $gray-light,
        400: $gray-primary,
        500: $dark-work-title-color,
        600: $background-lvl5,
        700: $background-lvl3,
        800: $background-lvl2,
        900: $background-lvl1,
        A100: #ff8a80,
        A200: #ff5252,
        A400: #ff1744,
        A700: #d50000,
        contrast: (
                50: rgba(black, 0.87),
                100: rgba(black, 0.87),
                200: rgba(black, 0.87),
                300: rgba(black, 0.87),
                400: rgba(black, 0.87),
                500: white,
                600: white,
                700: white,
                800: rgba(white, 0.87),
                900: rgba(white, 0.87),
                A100: rgba(black, 0.87),
                A200: white,
                A400: white,
                A700: white,
        )
);

$notification-color-info: #03A9F5;
$notification-color-feat: #37B400;
$notification-color-maint: #FF6358;