/* Тёмная тема */
:root {
    --color-background: #000;
    --color-text: #ffd700; /* Золотой текст */
    --color-border: #fff; /* Белые линии */
    --color-heading: #ffdd00; /* Золотистый цвет заголовков */
    --color-subtext: #dcdcdc; /* Светло-серый текст */
    --color-card-background: #1a1a1a; /* Фон карточек */
    --color-input-background: #333; /* Фон поля ввода */
    --color-input-border: #ffd700; /* Рамка поля ввода */
    --color-shadow: rgba(255, 215, 0, 0.1); /* Тень карточек */
    --color-shadow-strong: rgba(255, 215, 0, 0.5); /* Более сильная тень */
    --color-text-secondary: #e0e0e0; /* Вторичный текст */
    --gradient-text: linear-gradient(45deg, #f9d423, #ff4e50); /* Градиент для текста */
    --gradient-text-90: linear-gradient(90deg, #FFD700, #FFA500); /* Другой градиент */
    --color-placeholder: #ffdd00; /* Цвет плейсхолдера */
    --color-link-hover: #ffd700; /* Цвет ссылки при наведении */
    --color-contact-info: #ffdd00; /* Цвет контактной информации */
    --color-hover: #fff;
    --color-shadow-base: rgba(0, 0, 0, 0.3); /* Базовый цвет тени */
    --color-body-text: #fff; /* Белый цвет текста для body в тёмной теме */
    --color-shadow-medium: rgba(255, 215, 0, 0.3); /* Средняя тень */
    --text-shadow-effect: 1px 1px 2px var(--color-shadow-base), 0 0 5px var(--color-shadow-strong), 0 0 10px var(--color-shadow-strong);
    --color-background-dropdown: rgba(0, 0, 0, 0.9);
}

/* Светлая тема */
[data-theme="light"] {
    --color-background: #f5f5dc;
    --color-text: #015876; /* Основной цвет текста */
    --color-border: #000;
    --color-heading: #013f4e; /* Более тёмный оттенок для заголовков */
    --color-subtext: #333;
    --color-card-background: #ffffe0;
    --color-input-background: #fff8dc;
    --color-input-border: #015876; /* Рамка поля ввода */
    --color-shadow: rgba(1, 88, 118, 0.1); /* Лёгкая тень */
    --color-shadow-medium: rgba(0, 44, 59, 0.5); /* Обновлённая средняя тень */
    --color-shadow-strong: rgba(1, 88, 118, 0.5); /* Сильная тень */
    --color-text-secondary: #666;
    --gradient-text: linear-gradient(45deg, #015876, #013f4e); /* Градиент для текста */
    --gradient-text-90: linear-gradient(90deg, #015876, #013f4e); /* Другой угол градиента */
    --color-placeholder: #013f4e;
    --color-link-hover: #017a96; /* Цвет при наведении на ссылки */
    --color-contact-info: #015876;
    --color-hover: #000;
    --color-shadow-base: rgba(0, 0, 0, 0.3); /* Базовый цвет тени */
    --color-body-text: #000;
    --text-shadow-effect: none;
}