:root {
    --gls-black: #000000;
    --gls-main-dark: #101A40;
    --gls-main-dark-blue: #024F94;
    --gls-main-gray-blue: #85AAC5;
    --gls-bg-gray: #F7F6F7;
    --gls-white: #FFFFFF;
    --gls-green: #23B062;
    --gls-green-light: #e9f7ef;
    --gls-green-light-2: #d7ece1;
    --gls-yellow: #fb8e30;
    --gls-red: #E1121A;
    --gls-red-light: #fce7e8;
    --gls-add-color-1: #59B7BF;
    --gls-add-color-2: #9B75DA;
    /* Градиент по возрастанию светлеет */

    --gls-main-dark-gradient-1: #495465;
    --gls-main-dark-gradient-2: #8A929F;
    --gls-main-dark-gradient-3: #AAB0BC;
    --gls-main-dark-gradient-4: #DDE1E8;
    --gls-main-dark-gradient-5: #EBEFF6;
    /* 70% прозрачности от gls-main-dark-gradient-5 */

    --gls-even-tr-bg-color: #edf1f7;
    --gls-card-border-color: rgba(34, 34, 34, 7%);
}

/* TODO: заменить именование на БЭМовское */

.card-border-color {
    border-color: var(--gls-card-border-color) !important;
}

/* #region Color */

._color_gls-black {
    color: var(--gls-black);
}

._color_gls-main-dark {
    color: var(--gls-main-dark);
}

._color_gls-main-dark-blue {
    color: var(--gls-main-dark-blue);
}

._color_gls-main-gray-blue {
    color: var(--gls-main-gray-blue);
}

._color_gls-white {
    color: var(--gls-white);
}

._color_gls-green {
    color: var(--gls-green);
}

._color_gls-yellow {
    color: var(--gls-yellow);
}

._color_gls-red {
    color: var(--gls-red);
}

._color_gls-add-color-1 {
    color: var(--gls-add-color-1);
}

._color_gls-add-color-2 {
    color: var(--gls-add-color-2);
}

._color_gls-main-dark-gradient-1 {
    color: var(--gls-main-dark-gradient-1);
}

._color_gls-main-dark-gradient-2 {
    color: var(--gls-main-dark-gradient-2);
}

._color_gls-main-dark-gradient-3 {
    color: var(--gls-main-dark-gradient-3);
}

._color_gls-main-dark-gradient-4 {
    color: var(--gls-main-dark-gradient-4);
}

._color_gls-main-dark-gradient-5 {
    color: var(--gls-main-dark-gradient-5);
}

/* #endregion */

/* #region Backgroud Color */

._bg-color_gls-black {
    background-color: var(--gls-black);
}

._bg-color_gls-main-dark {
    background-color: var(--gls-main-dark);
}

._bg-color_gls-main-dark-blue {
    background-color: var(--gls-main-dark-blue);
}

._bg-color_gls-main-gray-blue {
    background-color: var(--gls-main-gray-blue);
}

._bg-color_gls-bg-gray {
    background-color: var(--gls-bg-gray);
}

._bg-color_gls-white {
    background-color: var(--gls-white);
}

._bg-color_gls-green {
    background-color: var(--gls-green);
}

._bg-color_gls-green-light {
    background-color: var(--gls-green-light);
}

._bg-color_gls-green-light-2 {
    background-color: var(--gls-green-light-2);
}

._bg-color_gls-yellow {
    background-color: var(--gls-bg-gray);
}

._bg-color_gls-red {
    background-color: var(--gls-red);
}

._bg-color_gls-red-light {
    background-color: var(--gls-red-light);
}

._bg-color_gls-dark-gradient-1 {
    background-color: var(--gls-main-dark-gradient-1);
}

._bg-color_gls-dark-gradient-2 {
    background-color: var(--gls-main-dark-gradient-2);
}

._bg-color_gls-dark-gradient-3 {
    background-color: var(--gls-main-dark-gradient-3);
}

._bg-color_gls-dark-gradient-4 {
    background-color: var(--gls-main-dark-gradient-4);
}

._bg-color_gls-dark-gradient-5 {
    background-color: var(--gls-main-dark-gradient-5);
}

._bg-color_gls-dark-gradient-5_important {
    background-color: var(--gls-main-dark-gradient-5) !important;
}

/* #endregion */