/* Глобальна сіра тема для KuBeyond */

/* Перевизначення кольорових схем */
:root {
    --primary-gray: #6c757d;
    --primary-gray-hover: #5a6268;
    --secondary-gray: #495057;
    --secondary-gray-hover: #343a40;
    --light-gray: #f8f9fa;
    --medium-gray: #e9ecef;
    --dark-gray: #343a40;
    --darker-gray: #212529;
}

/* Основні кольори - обережно додаємо базові стилі */
body {
    color: #ddd;
}

/* Базовий сірий фон за замовчуванням (тільки якщо немає inline стилів) */
body:not([style*="background"]) {
    background: linear-gradient(135deg, #2d3436 0%, #636e72 100%);
}

/* Заголовок */
header {
    background: linear-gradient(135deg, #6c757d 0%, #495057 100%) !important;
    border-bottom: 1px solid #495057;
}

/* Панелі та форми - БІЛИЙ ФОН З ЧОРНИМ ТЕКСТОМ */
.panel-section,
.employer-container .panel-section,
.form-container,
.vacancy-form-container,
.add-specialist-form .form-container,
.auth-modal-content,
.dashboard-section,
.feature-card,
.specialists-container .filters-section {
    background: #ffffff !important;
    color: #212529 !important;
    border: 1px solid #dee2e6 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}

/* Заголовки в панелях */
.panel-section h2,
.panel-section h3,
.panel-section h4,
.form-container h2,
.form-container h3 {
    color: #212529 !important;
}

/* Поля форм - білий фон, чорний текст */
.form-group input,
.form-group select,
.form-group textarea,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
select,
textarea {
    background: #ffffff !important;
    color: #212529 !important;
    border: 1px solid #ced4da !important;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: #86b7fe !important;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
    outline: 0 !important;
}

/* Labels та текст в формах */
.form-group label,
label,
.help-text,
.panel-section p,
.form-container p {
    color: #212529 !important;
}

/* Select options */
.form-group select option,
select option {
    background: #ffffff !important;
    color: #212529 !important;
}

/* Кнопки */
.btn.primary,
.search-button,
.publish-vacancy-btn,
.auth-main-btn {
    background: linear-gradient(135deg, #6c757d 0%, #495057 100%) !important;
    border: 1px solid #5a6268 !important;
    color: white !important;
    transition: all 0.3s ease;
}

.btn.primary:hover,
.search-button:hover,
.publish-vacancy-btn:hover,
.auth-main-btn:hover {
    background: linear-gradient(135deg, #5a6268 0%, #343a40 100%) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Спеціальні випадки для employer panel */
.employer-container {
    background: transparent !important;
}

.countries-list {
    background: #ffffff !important;
    color: #212529 !important;
    border: 1px solid #ced4da !important;
}

.country-option label,
.radio-option label {
    color: #212529 !important;
}

.countries-header {
    background: #ffffff !important;
    color: #212529 !important;
    border: 1px solid #ced4da !important;
}

/* Footer */
footer {
    background: linear-gradient(135deg, #495057 0%, #343a40 100%) !important;
}

/* Повідомлення */
.success-message {
    background: #d1edff !important;
    color: #055160 !important;
    border: 1px solid #b6effb !important;
}

.error-message-notification {
    background: #f8d7da !important;
    color: #721c24 !important;
    border: 1px solid #f5c6cb !important;
}

.validation-error {
    color: #dc3545 !important;
}

/* Спеціальні стилі для полів з помилками */
.form-group.error input,
.form-group.error select,
.form-group.error textarea {
    border-color: #dc3545 !important;
    background: #fff5f5 !important;
}

/* Світла тема - обережно додаємо стилі */
body.light-theme:not([style*="background"]) {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

body.light-theme header {
    background: linear-gradient(135deg, #6c757d 0%, #495057 100%) !important;
}

body.light-theme .btn.primary,
body.light-theme .search-button {
    background: linear-gradient(135deg, #495057 0%, #343a40 100%) !important;
}

body.light-theme .form-group input,
body.light-theme .form-group select,
body.light-theme .form-group textarea {
    background: #ffffff !important;
    color: #212529 !important;
    border: 1px solid #ced4da !important;
}

body.light-theme .panel-section,
body.light-theme .form-container {
    background: #ffffff !important;
    color: #212529 !important;
    border: 1px solid #dee2e6 !important;
}

body.light-theme footer {
    background: linear-gradient(135deg, #495057 0%, #343a40 100%) !important;
}

/* Анімації */
@keyframes gray-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

.btn.primary:active,
.search-button:active {
    animation: gray-pulse 0.3s ease;
}

/* Мобільна адаптація - НЕ ЗМІНЮЄМО ФОН BODY */
@media (max-width: 768px) {
    
    .mobile-controls .change-bg-button {
        background: linear-gradient(135deg, #6c757d 0%, #495057 100%) !important;
    }
}