/* ============================================
   Universal Dark Theme Overrides
   Переопределяет жесткие цвета на всех страницах
   ============================================ */

[data-theme="dark"] body {
    background: #0f172a !important;
    color: #f8fafc !important;
}

[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4 {
    color: #f8fafc !important;
}

[data-theme="dark"] h1 {
    color: #a78bfa !important;
}

[data-theme="dark"] p,
[data-theme="dark"] li,
[data-theme="dark"] td {
    color: #94a3b8 !important;
}

[data-theme="dark"] a {
    color: #a78bfa !important;
}

[data-theme="dark"] a:hover {
    color: #c4b5fd !important;
}

[data-theme="dark"] .back-link {
    color: #a78bfa !important;
}

/* Карточки и блоки */
[data-theme="dark"] .job-card,
[data-theme="dark"] .security-card,
[data-theme="dark"] .doc-card,
[data-theme="dark"] .benefit-item,
[data-theme="dark"] .contact-info,
[data-theme="dark"] .release,
[data-theme="dark"] .endpoint,
[data-theme="dark"] .command-section,
[data-theme="dark"] .timeline-item {
    background: #1e293b !important;
    border-color: #334155 !important;
}

/* Таблицы */
[data-theme="dark"] th {
    background: #334155 !important;
    color: #f8fafc !important;
}

[data-theme="dark"] td {
    border-bottom-color: #334155 !important;
}

/* Заметки и предупреждения */
[data-theme="dark"] .note {
    background: rgba(59, 130, 246, 0.1) !important;
    border-left-color: #3b82f6 !important;
}

[data-theme="dark"] .warning {
    background: rgba(245, 158, 11, 0.1) !important;
    border-left-color: #f59e0b !important;
}

[data-theme="dark"] .contact-box {
    background: rgba(245, 158, 11, 0.1) !important;
    border-left-color: #f59e0b !important;
}

[data-theme="dark"] .feedback-box {
    background: linear-gradient(135deg, rgba(124,58,237,0.2), rgba(6,182,212,0.2)) !important;
    border-color: #334155 !important;
}

/* Теги и бейджи */
[data-theme="dark"] .job-tag,
[data-theme="dark"] .badge {
    background: rgba(59, 130, 246, 0.2) !important;
    color: #93c5fd !important;
}

[data-theme="dark"] .badge-new {
    background: #10b981 !important;
    color: white !important;
}

[data-theme="dark"] .badge-improved {
    background: #3b82f6 !important;
    color: white !important;
}

[data-theme="dark"] .badge-fixed {
    background: #f59e0b !important;
    color: white !important;
}

[data-theme="dark"] .badge-breaking {
    background: #ef4444 !important;
    color: white !important;
}

[data-theme="dark"] .status-completed {
    background: #10b981 !important;
    color: white !important;
}

[data-theme="dark"] .status-in-progress {
    background: #3b82f6 !important;
    color: white !important;
}

[data-theme="dark"] .status-planned {
    background: #f59e0b !important;
    color: white !important;
}

[data-theme="dark"] .status-research {
    background: #8b5cf6 !important;
    color: white !important;
}

/* Кнопки */
[data-theme="dark"] .apply-btn {
    background: #7c3aed !important;
    color: white !important;
}

[data-theme="dark"] .apply-btn:hover {
    background: #6d28d9 !important;
}

/* Аватары команды */
[data-theme="dark"] .avatar {
    background: linear-gradient(135deg, #7c3aed, #06b6d4) !important;
}

/* Код и примеры */
[data-theme="dark"] code {
    background: #1e293b !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .code-block {
    background: #0f172a !important;
    border: 1px solid #334155 !important;
}

/* Таймлайн */
[data-theme="dark"] .timeline::before {
    background: linear-gradient(to bottom, #7c3aed, #06b6d4) !important;
}

/* Методы API */
[data-theme="dark"] .method-get {
    background: #10b981 !important;
    color: white !important;
}

[data-theme="dark"] .method-post {
    background: #3b82f6 !important;
    color: white !important;
}

[data-theme="dark"] .method-put {
    background: #f59e0b !important;
    color: white !important;
}

[data-theme="dark"] .method-delete {
    background: #ef4444 !important;
    color: white !important;
}

/* Статус-коды */
[data-theme="dark"] .status-2xx {
    background: #10b981 !important;
    color: white !important;
}

[data-theme="dark"] .status-4xx {
    background: #f59e0b !important;
    color: white !important;
}

[data-theme="dark"] .status-5xx {
    background: #ef4444 !important;
    color: white !important;
}

/* Примеры ответов */
[data-theme="dark"] .response-example {
    background: #1e293b !important;
}

/* Параметры */
[data-theme="dark"] .param-name {
    color: #a78bfa !important;
}

[data-theme="dark"] .param-required {
    color: #ef4444 !important;
}

[data-theme="dark"] .param-optional {
    color: #64748b !important;
}

/* Чекбоксы и формы (если будут) */
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
    background: #1e293b !important;
    color: #f8fafc !important;
    border-color: #334155 !important;
}

/* Скроллбар для темной темы */
[data-theme="dark"] ::-webkit-scrollbar {
    width: 10px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
    background: #0f172a;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 5px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #475569;
}
/* Team photos in dark mode */
[data-theme="dark"] .team-photo {
    border-color: #334155 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .team-photo:hover {
    border-color: #a78bfa !important;
    box-shadow: 0 6px 20px rgba(167, 139, 250, 0.3) !important;
}