/* ==== СВЕТЛАЯ ТЕМА (по умолчанию переменных) ==== */
:root {
    --bg: #f8f9fa;
    --panel: #ffffff;
    --text: #212529;
    --text-muted: #6c757d;
    --border: #dee2e6;
    --accent: #0d6efd;
    --accent-text: #ffffff;
    --header-bg: #ffffff;
}

/* ==== ТЁМНАЯ ТЕМА (Deus Ex) ==== */
[data-theme="dark"] {
    --bg: #15161a;           /* почти чёрный фон */
    --panel: #1e2025;        /* панели, карточки — чуть светлее фона */
    --text: #d8d4c8;         /* тёплый светло-серый текст */
    --text-muted: #8a8578;   /* приглушённый */
    --border: #3a3a2f;       /* тёмно-оливковая граница */
    --accent: #c8a951;       /* ЗОЛОТО/ЯНТАРЬ — главный акцент HR */
    --accent-text: #15161a;  /* тёмный текст на золотой кнопке */
    --header-bg: #1a1b1f;
}

/* ==== ПРИМЕНЕНИЕ ПЕРЕМЕННЫХ ==== */
body {
    background-color: var(--bg);
    color: var(--text);
    transition: background-color 0.3s, color 0.3s;
}

/* Шапка с текстурой (только в тёмной теме) */
[data-theme="dark"] body {
    background-color: var(--bg);
    background-image: url('/images/texture-mankind.png');
    background-repeat: repeat;        /* повторять плитками */
    background-size: 400px 400px;     /* размер плитки — мелкие, не растянутые */
    background-attachment: fixed;     /* фон не скроллится вместе с контентом */
}

[data-theme="dark"] .navbar {
    background-color: rgba(12, 13, 15, 0.72) !important;  /* полупрозрачная, текстура чуть просвечивает */
    border-bottom: 2px solid var(--accent);
}
[data-theme="dark"] .navbar-brand {color: var(--accent) !important}

[data-theme="dark"] input[type="file"] {
    color: var(--text-muted);
}
[data-theme="dark"] input[type="file"]::file-selector-button {
    background-color: var(--accent);
    color: var(--accent-text);
    border: none;
    padding: 6px 14px;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 10px;
}
[data-theme="dark"] input[type="file"]::file-selector-button:hover {
    background-color: #d9bd6a;
}

[data-theme="dark"] .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23c8a951' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
[data-theme="dark"] .navbar-toggler {
    border-color: var(--accent);
}

[data-theme="dark"] #themeToggle {
    border-color: var(--accent);
    color: var(--accent);
}

[data-theme="dark"] .table,
[data-theme="dark"] .table th,
[data-theme="dark"] .table td{
    color: var(--text) !important;
}

.navbar-brand, .nav-link {
    color: var(--text) !important;
}
[data-theme="dark"] .nav-link:hover {
    color: var(--accent) !important;
}

/* Карточки и панели */
.card, [data-theme="dark"] .border {
    background-color: var(--panel);
    border-color: var(--border) !important;
    color: var(--text);
}
[data-theme="dark"] .card:hover {
    border-color: var(--accent) !important;
    box-shadow: 0 0 12px rgba(200, 169, 81, 0.3);  /* золотое свечение */
}

/* Таблицы */
[data-theme="dark"] .table {
    color: var(--text);
}
[data-theme="dark"] .table > :not(caption) > * > * {
    background-color: var(--panel);
    border-color: var(--border);
}

/* Кнопки-акценты */
[data-theme="dark"] .btn-primary {
    background-color: var(--accent);
    border-color: var(--accent);
    color: var(--accent-text);
}
[data-theme="dark"] .btn-primary:hover {
    background-color: #d9bd6a;
    border-color: #d9bd6a;
}
[data-theme="dark"] .btn-outline-primary {
    color: var(--accent);
    border-color: var(--accent);
}
[data-theme="dark"] .btn-outline-primary:hover {
    background-color: var(--accent);
    color: var(--accent-text);
}

/* Ссылки */
[data-theme="dark"] a {
    color: var(--accent);
}

/* Поля ввода, выпадающие списки */
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
    background-color: var(--panel);
    border-color: var(--border);
    color: var(--text);
}
[data-theme="dark"] .form-control::placeholder {
    color: var(--text-muted);
}

/* Списки */
[data-theme="dark"] .list-group-item {
    background-color: var(--panel);
    border-color: var(--border);
    color: var(--text);
}

/* Прогресс-бары остаются яркими — не трогаем */