[data-theme="dark"] {
    /* Основные цвета для темной темы */
    --color-bg-primary: #1f2937; 
    --color-bg-secondary: #111827;
    --color-text-primary: #f9fafb;
    --color-text-secondary: #e5e7eb;
    --color-border: #374151;
    
    /* Дополнительные цвета */
    --color-bg-card: #374151;
    --color-text-muted: #9ca3af;
}

[data-theme="dark"] body {
    background-color: var(--color-bg-secondary);
    color: var(--color-text-primary);
}

/* Переопределение фонов */
[data-theme="dark"] .bg-white,
[data-theme="dark"] .bg-gray-100, 
[data-theme="dark"] .bg-gray-200 { /* Добавили .bg-gray-100 и .bg-gray-200 */
    background-color: var(--color-bg-primary);
}

[data-theme="dark"] .bg-gray-50 {
    background-color: var(--color-bg-secondary);
}

[data-theme="dark"] .bg-primary-50 {
    background-color: rgba(59, 130, 246, 0.1); /* Можно оставить или подобрать темный вариант */
}

/* Переопределение цветов текста */
[data-theme="dark"] .text-gray-700,
[data-theme="dark"] .text-gray-800, /* Добавили .text-gray-800 */
[data-theme="dark"] .text-gray-900, /* Добавили .text-gray-900 */
[data-theme="dark"] .text-black {   /* Добавили .text-black */
    color: var(--color-text-secondary); /* Используем вторичный светлый */
}

/* Возможно, понадобится переопределить основной цвет текста для некоторых компонентов */
/* [data-theme="dark"] .some-chat-component-text { 
    color: var(--color-text-primary); 
   } 
*/

[data-theme="dark"] .shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .shadow-soft {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2);
}

/* Добавьте другие стили для темной темы по необходимости */

/* Стили для границ */
[data-theme="dark"] .border,
[data-theme="dark"] .border-gray-200,
[data-theme="dark"] .border-gray-300 {
    border-color: var(--color-border);
}

/* Цвет текста для сообщений ассистента */
[data-theme="dark"] .assistant-message {
    color: #9ba0a8;
}

/* Стили для полей ввода в темной теме */
[data-theme="dark"] .form-input,
[data-theme="dark"] .form-select,
[data-theme="dark"] .form-textarea {
    background-color: var(--color-text-primary); /* Белый фон */
    color: #111827; /* Темный цвет текста (можно black или #000) */
    border-color: var(--color-border); /* Темная граница */
}

/* Цвет плейсхолдера для полей ввода в темной теме */
[data-theme="dark"] .form-input::placeholder,
[data-theme="dark"] .form-textarea::placeholder {
    color: #6b7280; /* Средне-серый плейсхолдер */
}

/* Цвет стрелки для select (может потребовать более специфичного селектора) */
[data-theme="dark"] .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
}

/* Дополнительные стили для темной темы */
[data-theme="dark"] .text-gray-600 {
    color: var(--color-text-muted);
}

[data-theme="dark"] .text-gray-500 {
    color: var(--color-text-muted);
}

[data-theme="dark"] .bg-gray-800 {
    background-color: var(--color-bg-primary);
}

[data-theme="dark"] .bg-gray-900 {
    background-color: var(--color-bg-secondary);
}

/* Стили для карточек и контейнеров */
[data-theme="dark"] .card,
[data-theme="dark"] .rounded-lg,
[data-theme="dark"] .shadow-lg {
    background-color: var(--color-bg-card);
    color: var(--color-text-primary);
}

/* Стили для навигации */
[data-theme="dark"] .nav,
[data-theme="dark"] .navbar {
    background-color: var(--color-bg-primary);
    border-color: var(--color-border);
}

/* Hover эффекты */
[data-theme="dark"] .hover\\:bg-gray-100:hover {
    background-color: var(--color-bg-card) !important;
}

[data-theme="dark"] .hover\\:text-gray-900:hover {
    color: var(--color-text-primary) !important;
}

/* Стили для языкового меню в Telegram */
[data-theme="dark"] #telegram-language-menu {
    background-color: var(--color-bg-primary);
    border-color: var(--color-border);
}

[data-theme="dark"] .telegram-language-option {
    color: var(--color-text-primary);
}

[data-theme="dark"] .telegram-language-option:hover {
    background-color: var(--color-bg-card) !important;
}