:root {
    --font_family: 'ProximaNova', sans-serif;
    /* COLORS */
    --color_primary_light_250: rgba(0, 125, 163, 0.25);
    --color_primary_light: #85cefd;
    --color_primary_main: #29a2ff;
    --color_primary_dark: #0790ff;
    --color_primary_contrast: #fff;

    --color_secondary_light_250: rgba(255, 181, 164, 0.25);
    --color_secondary_light: #FFB5A4;
    --color_secondary_main: #FF6B49;
    --color_secondary_dark: #991C00;

    --color_third_light_250: rgba(123, 97, 255, 0.25);
    --color_third_light: #ECE9FE;
    --color_third_main: #7B61FF;
    --color_third_dark: #2A1A7F;

    --color_white: #ffffff;
    --color_grey_50: #fafafa;
    --color_grey_100: #f9f9f9;
    --color_grey_200: #eeeeee;
    --color_grey_300: #e0e0e0;
    --color_grey_400: #bdbdbd;
    --color_grey_500: #9e9e9e;
    --color_grey_600: #757575;
    --color_grey_700: #616161;
    --color_grey_800: #424242;
    --color_grey_850: #313131;
    --color_grey_900: #212121;

    --color-dark-100: #1D1E1F;
    --color-dark-200: #232323;
    --color-dark-300: #020203;

    --color_ui_button_primary: #29a2ff;
    --color_ui_button_primary_contrast: #ffffff;
    --color_ui_button_bordered_primary: #232323;
    --color_ui_button_bordered_primary_contrast: #232323;
    --color_ui_input_placeholder: #bdbdbd;


    --color_ui_bg: #f9f9f9;



    --color_body_text: red;
    --color_border: #eeeeee;
    --color_border_hover: #232323;

    --color_bg_body: #8acce6;
    --color_bg_boxes: #d6d6d6;
    --color_boxes_shadow: rgba(204, 215, 234, 0.3) 0px 5px 20px;

    /* INDENTS */
    --indent_extra_small: 5px;
    --indent_small: 10px;
    --indent_middle: 15px;
    --indent_large: 20px;


    /* Line heights */
    --line_height_extra_small: 15px;
    --line_height_small: 20px;
    --line_height_middle: 30px;
    --line_height_large: 45px;


    /* font sizes */
    --font_size_extra_small: 12px;
    --font_size_small: 14px;
    --font_size_middle: 16px;
    --font_size_large: 18px;

    --font_weight_regular: 400;
    --font_weight_medium: 600;
    --font_weight_bold: 700;

    --border_radius: 14px;
    --border_radius_ui: 10px;



    &[data-theme="themeDark"] {
        --color_primary_light_250: rgba(0, 163, 137, 0.15);
        --color_primary_light: #1F4D47;
        --color_primary_main: #00C7A3;
        --color_primary_dark: #00A389;
        --color_body_text: #ffffff;
        --color_border: #212121;
        --color_bg_body: #1D1E1F;
        --color_bg_boxes: #141415;
        --color_ui_button_primary: #020203;
        --color_ui_button_primary_contrast: #ffffff;
        --color_ui_button_bordered_primary: #ffffff;
        --color_ui_button_bordered_primary_contrast: #ffffff;
        --color_ui_bg: #232323;
        --color_boxes_shadow: rgb(42 42 42) 0px 5px 20px;

    }
}