:root {
    --primary-color: rgb(108, 80, 154); /* Основной корпоративный цвет */
    --secondary-color: rgb(108, 180, 150); /* Вторичный корпоративный цвет */

    /* Цвета текста */
    --text-color-primary: #333333; /* Основной цвет текста для хорошей читаемости */
    --text-color-secondary: #666666; /* Цвет для второстепенного текста */
    --text-color-inverse: #FFFFFF; /* Цвет текста на темном фоне */

    /* Цвета фона */
    --background-color: rgb(254, 248, 237); /* Основной цвет фона для чистого и светлого вида */
    --background-color-secondary: #F5F5F5; /* Светло-серый для секций */
    --background-color-accent: #E0F7FA; /* Мягкий акцентный цвет для выделения блоков */

    /* Цвета границ (бордеров) */
    --border-color: #DDDDDD; /* Нейтральный цвет границ */
    --border-color-dark: #BBBBBB; /* Более темный цвет для акцентированных границ */

    /* Цвета кнопок */
    --button-background-color: var(--primary-color); /* Фон кнопки */
    --button-border-color: var(--primary-color); /* Граница кнопки */
    --button-text-color: #FFFFFF; /* Цвет текста кнопки */
    --button-hover-background-color: rgb(88, 60, 134); /* Фон кнопки при наведении */
    --button-hover-border-color: rgb(88, 60, 134); /* Граница кнопки при наведении */
    --button-hover-text-color: #FFFFFF; /* Цвет текста кнопки при наведении */

    /* Цвета ссылок */
    --link-color: var(--primary-color); /* Основной цвет ссылок */
    --link-hover-color: rgb(88, 60, 134); /* Цвет ссылок при наведении */
    --link-visited-color: rgb(128, 100, 174); /* Цвет посещённых ссылок */
    --link-active-color: rgb(68, 40, 114); /* Цвет активных ссылок */
    --link-underline-color: rgba(108, 80, 154, 0.2); /* Цвет подчёркивания ссылок */

    /* Цвета для состояний */
    --success-color: #4CAF50; /* Цвет для успешных сообщений */
    --warning-color: #FFC107; /* Цвет для предупреждений */
    --error-color: #F44336; /* Цвет для ошибок */

    /* Цвета для input */
    --input-background-color: #FFFFFF; /* Фон поля ввода */
    --input-border-color: #CCCCCC; /* Цвет границы поля ввода */
    --input-text-color: #333333; /* Цвет текста внутри поля ввода */
    --input-placeholder-color: #AAAAAA; /* Цвет текста-заполнителя (placeholder) */
    --input-border-radius: 4px; /* Радиус скругления углов поля ввода */
    --input-padding: 8px; /* Внутренние отступы внутри поля ввода */

    /* Стили при наведении курсора на поле ввода */
    --input-hover-border-color: #999999; /* Цвет границы при наведении */
    --input-hover-background-color: #F9F9F9; /* Фон при наведении */

    /* Стили при фокусе на поле ввода */
    --input-focus-border-color: var(--primary-color); /* Цвет границы при фокусе */
    --input-focus-background-color: #FFFFFF; /* Фон при фокусе */
    --input-focus-box-shadow: 0 0 5px rgba(108, 80, 154, 0.5); /* Тень при фокусе */
}

.border-radius-5 {
    border-radius: 5px;
}

.bg-primary {
    background: var(--primary-color);
}

.bg-secondary {
    background: var(--secondary-color);
}

.border-primary {
    border-color: var(--primary-color);
}

.color-primary {
    color: var(--primary-color);
}

.ant-layout {
    background-color: #f3f3f3;
}

.ant-layout-footer {
    background-color: #f3f3f3;
}

.ant-layout-sider {
    border-radius: 5px;
}

.ant-layout-sider-children {
    border-radius: 5px;
}

.ant-table {
    border-radius: 5px;
}

.ant-table-container table > thead > tr:first-child th:first-child {
    
}

.ant-btn {
    background-color: var(--button-background-color);
    border-color: var(--button-border-color);
    color: var(--button-text-color);
    border-radius: 5px;
    padding: 5px 10px;
}

.ant-btn-default {
    background-color: white;
    border-color: var(--button-border-color);
    color: var(--primary-color);
}

.ant-btn-default:hover {
    background-color: var(--button-background-color);
    border-color: var(--button-border-color);
    color: var(--button-text-color);
}

.ant-btn-default:focus {
    background-color: var(--button-background-color);
    border-color: var(--button-border-color);
    color: var(--button-text-color);
}

.ant-transfer-operation > .ant-btn {
    padding: 0 10px;
}

.ant-btn-sm {
    padding: 0 10px;
}

.ant-btn:hover {
    background-color: var(--button-hover-background-color);
    border-color: var(--button-hover-border-color);
}

.ant-btn-primary:hover, .ant-btn-primary:focus {
    color: var(--button-hover-text-color);
    background-color: var(--button-hover-background-color);
}

input {
    background-color: var(--input-background-color);
    border: 1px solid var(--input-border-color);
    color: var(--input-text-color);
    padding: var(--input-padding);
    border-radius: var(--input-border-radius);
    transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s;
}

input::placeholder {
    color: var(--input-placeholder-color);
}

input:hover {
    background-color: var(--input-hover-background-color);
    border-color: var(--input-hover-border-color);
}

.ant-input:hover {
    background-color: var(--input-hover-background-color);
    border-color: var(--input-hover-border-color);
}

.ant-input:focus {
    border-color: var(--input-focus-border-color);
    background-color: var(--input-focus-background-color);
    box-shadow: var(--input-focus-box-shadow);
    outline: none; /* Убирает стандартное обведение при фокусе */
}

.ant-input-affix-wrapper:focus, .ant-input-affix-wrapper-focused {
    border-color: var(--input-focus-border-color);
    background-color: var(--input-focus-background-color);
    box-shadow: var(--input-focus-box-shadow);
    outline: none; /* Убирает стандартное обведение при фокусе */
}

input:focus {
    border-color: var(--input-focus-border-color);
    background-color: var(--input-focus-background-color);
    box-shadow: var(--input-focus-box-shadow);
    outline: none; /* Убирает стандартное обведение при фокусе */
}

.ant-menu-item-selected {
    color: var(--link-hover-color);
}

.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background-color: #FFFFFF;
}

a {
    text-decoration: none; /* Убираем стандартное подчёркивание */
}

.ant-menu-item-selected a, .ant-menu-item-selected a:hover {
    color: var(--link-hover-color);
}

.ant-menu-item a:hover {
    color: var(--link-hover-color);
    border-bottom-color: var(--link-hover-color); /* Изменяем цвет подчёркивания при наведении */
}

a:hover {
    color: var(--link-hover-color);
    border-bottom-color: var(--link-hover-color); /* Изменяем цвет подчёркивания при наведении */
}

a:active {
    color: var(--link-active-color);
}

.ant-menu-vertical .ant-menu-item::after, .ant-menu-vertical-left .ant-menu-item::after, .ant-menu-vertical-right .ant-menu-item::after, .ant-menu-inline .ant-menu-item::after {
    border-right: 3px solid var(--link-active-color);
}

.ant-pagination-item-active a {
    color: var(--link-active-color);
}

.ant-pagination-item-active {
    border-color: var(--link-active-color);
}