:root {
    --white_color: #ffffff;
    --black_color: #000000;
    --black_color_2: #0f0f0f;
    --dark_color: #333333;
    --dark_color_2: #33393f;
    --gray_color: #c9c4be;
    --gray_very_light_color: #efefef;
    --gray_very_light_color_1: #f8f8f8;
    --gray_gold_color: #c4c4be;
    --yellow_lite_color: #c9c08c;
    --gold_color: #b69e6e;
    --gold_color_lite: #d5ccaa;
    --gold_translucent_color: rgba(202, 186, 156, 0.5);
    --gold_gradient_color: linear-gradient(to right, rgba(211, 194, 115, 0.2), rgba(206, 172, 101, 0.4), rgba(190, 110, 7, 0.2));
    --beige_color: #cab99e;
    --beige_gradient_bg_color: linear-gradient(to right, #ece8e2, #f6f4f1);
    --green_light_color: #78c27b;
    --red_light_color: #e57275;
    --transparent_color: transparent;

    --background_gray_color: #f5f5f5;
    --form_gray_color: #cfd1d5;
    --form_gray_color_placeholder: #b4b5b6;
    --form_gold_color_disabled: #d9d2b8;

    --hover_transparent_color: rgba(51, 57, 63, 0.07);
    --hover_gray_color: #efeeec;
    --hover_gray_very_light_color: #e8e8e8;
    --hover_gold_color: #e6e1d5;
    --hover_gold_dark_color: #9a855d;
    --success_border_color_hover: #22be83;
    --warning_border_color_hover: #998151;
    --error_border_color_hover: #af2d2d;
    --hover_red_light_color: #d2676a;

    --success_color: #1f4839;
    --success_bg_color: #f1faf7;
    --success_border_color: #22be83;
    --success_content_color: #6a9584;
    --warning_color: #7a6a32;
    --warning_bg_color: #fefdeb;
    --warning_border_color: #e8c47b;
    --warning_content_color: #ac9960;
    --error_color: #830504;
    --error_bg_color: #fdf1f1;
    --error_border_color: #d05c5c;
    --error_content_color: #ac6060;

    --header_color: #212331;
    --header_color_light: #383d50;
    --header_color_light_hov: #353a4c;
    --header_transparent_color: rgba(33, 35, 49, 0);
    --header_translucent_color: rgba(33, 35, 49, 0.95);
    --header_btn_hover_olor: rgba(86, 96, 116, 0.2);
}

.color-white {
    color: var(--white_color) !important;
}

.bg-header {
    background-color: var(--header_color_light) !important;
}

.yellow_lite_color {
    color: var(--yellow_lite_color);
}
.red_light_color {
    color: var(--red_light_color);
}