/* Стили для интерфейса */
:root {
    --navbar-height: 56px;

    /* Фоновые цвета */
    --bg-primary: #ccd5ae;
    --bg-secondary: #e9edc9;
    --bg-tertiary: #fefae0;

    --bg-table-primary: #e9edc9;
    --bg-table-secondary: white;

    /* Цвета текста */
    --text-primary: black;
    --text-secondary: black;

    /* Цвета границ */
    --border-color: #e9edc9;

    /* Цвета кнопок */
    --btn-primary-bg: #d4a373;
    --btn-secondary-bg: #faedcd;

    /* Доп цвета */
    --success-color: #a7c957;
    --danger-color: #ff8500;

    /* Цвета объектов для doc-skills, doc-experts, doc-matrix */
    --expert-element-color: #FFA07A;
    --expert-element-color-hover: #FF7F50;

    --skill-sdanc-element-color: #AFEEEE;
    --skill-sdanc-element-color-hover: #7FFFD4;

    --skill-rsktn-element-color: #98FB98;
    --skill-rsktn-element-color-hover: #90EE90;

    --matrix-element-color: #e5a3e3;
    --matrix-element-color-hover: #e87de4;

    /* Стили карточек статусов для doc-list */
    --doc-list-card--warning: #ffb74d;
    --doc-list-card--expired: #ef5350;
    --doc-list-card--partially_expired: #ff9800;
    --doc-list-card--active: #66bb6a;
    --doc-list-card--permanent: #42a5f5;
    --doc-list-card--unknown: #bdbdbd;
}

.dark-theme {
    /* Фоновые цвета */
    --bg-primary: #2b2b2b;
    --bg-secondary: #3a3a3a;
    --bg-tertiary: #4a4a4a;
    --bg-table-primary: #333333;
    --bg-table-secondary: #2b2b2b;

    /* Цвета текста */
    --text-primary: white;
    --text-secondary: white;

    /* Цвета границ */
    --border-color: #4a4a4a;

    /* Цвета кнопок */
    --btn-primary-bg: #566d7e;
    --btn-secondary-bg: #4e5a65;

    /* Цвета объектов для doc-skills, doc-experts, doc-matrix */
    --expert-element-color: #838383;
    --expert-element-color-hover: #2e3437;

    --skill-sdanc-element-color: #838383;
    --skill-sdanc-element-color-hover: #2e3437;

    --skill-rsktn-element-color: #838383;
    --skill-rsktn-element-color-hover: #2e3437;

    --matrix-element-color: #838383;
    --matrix-element-color-hover: #2e3437;

    /* Стили карточек статусов для doc-list */
    --doc-list-card--warning: #838383;
    --doc-list-card--expired: #838383;
    --doc-list-card--partially_expired: #838383;
    --doc-list-card--active: #838383;
    --doc-list-card--permanent: #838383;
    --doc-list-card--unknown: #838383;

}

.vibe {
    /* Фоновые цвета */
    --bg-primary: #e6e6e6;
    --bg-secondary: #e6e6e6;
    --bg-tertiary: #ffffff;
    --bg-table-primary: #e6e6e6;
    --bg-table-secondary: #ffffff;

    /* Цвета текста */
    --text-primary: #000000;
    --text-secondary: #000000;

    /* Цвета границ */
    --border-color: #000000;

    /* Цвета кнопок */
    --btn-primary-bg: #fb742d;
    --btn-secondary-bg: #e6e6e6;
}

.mecha {
    /* Фоновые цвета */
    --bg-primary: #f0d59a;
    --bg-secondary: #f3deb0;
    --bg-tertiary: #f7ebcf;
    --bg-table-primary: #f3deb0;
    --bg-table-secondary: #fbf5e7;

    /* Цвета текста */
    --text-primary: #000000;
    --text-secondary: #000000;

    /* Цвета границ */
    --border-color: #78aae2;

    /* Цвета кнопок */
    --btn-primary-bg: #00b7c7;
    --btn-secondary-bg: #78aae2;
}

.eva {
    /* Фоновые цвета */
    --bg-primary: #b39fbf;    /* Глубокий фиолетовый */
    --bg-secondary: #d0c3d7;   /* Средний фиолетовый с тёплым подтоном */
    --bg-tertiary: #e2dbe7;  /* Светлый сиреневый */
    --bg-table-primary: #a8c97f; /* Свежий оливково‑зелёный */
    --bg-table-secondary: #f5f8f0; /* Очень светлый зелёный (почти белый) */

    /* Цвета текста */
    --text-primary: black;   /* Тёмно‑серый (лучше читаемость) */
    --text-secondary: black; /* Средний серый */

    /* Цвета границ */
    --border-color: #7b548c;  /* Соответствует основному фону */

    /* Цвета кнопок */
    --btn-primary-bg: #7b548c;   /* Основной фиолетовый */
    --btn-secondary-bg: #a8c97f; /* Контрастный зелёный */
}

.piglet {
    /* Фоновые цвета */
    --bg-primary: #f9e4e8;
    --bg-secondary: #f5d0da;
    --bg-tertiary: #f1bccd;
    --bg-table-primary: #fce4eb;
    --bg-table-secondary: #fdf0f4;

    /* Цвета текста */
    --text-primary: black;
    --text-secondary: black;

    /* Цвета границ */
    --border-color: #e8b6c4;

    /* Цвета кнопок */
    --btn-primary-bg: #f08fa8;
    --btn-secondary-bg: #f8c9d6;
}