/* CSS переменные для цветовых схем */
:root {
    --primary-color: #f09433;
    --secondary-color: #e6683c;
    --accent-color: #dc2743;
    --background-color: #ffffff;
    --text-color: #333333;
    --gradient: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

/* Применение цветов к элементам */
/* Hero section и навигация остаются с оригинальными стилями */

/* Кнопки с градиентом - только для кнопок в контенте */
.hero-buttons .btn-large.orange,
.hero-buttons .btn-large,
.contact-form .btn,
.filter-btn.active {
    background: var(--gradient) !important;
}

/* Принудительно применяем цвета к основным элементам */
.btn-large.waves-effect.waves-light.orange {
    background: var(--gradient) !important;
}

.btn.waves-effect.waves-light[style*="background: linear-gradient"] {
    background: var(--gradient) !important;
}

/* Цвета текста и иконок */
.orange-text {
    color: var(--primary-color) !important;
}

.service-card .material-icons.large.orange-text {
    color: var(--primary-color) !important;
}

.contact-item .material-icons.left.orange-text {
    color: var(--primary-color) !important;
}

.collection-item .material-icons.left.orange-text {
    color: var(--primary-color) !important;
}

/* Футер - только если не перезаписывает оригинальный стиль */
.page-footer.orange:not(.nav-extended) {
    background-color: var(--primary-color) !important;
}

/* Кнопки с градиентом */
.btn-gradient {
    background: var(--gradient) !important;
    border: none;
    color: white;
}

.btn-gradient:hover {
    background: var(--gradient) !important;
    opacity: 0.9;
}

/* Карточки с акцентными цветами */
.card.accent-border {
    border-left: 4px solid var(--accent-color);
}

/* Статистические карточки */
.stat-item h3.orange-text {
    color: var(--primary-color) !important;
}

/* Фильтры галереи */
.filter-btn.active {
    background: var(--gradient) !important;
    color: white;
}

/* Принудительное применение ко всем кнопкам с градиентом */
button[style*="background: linear-gradient"],
.btn[style*="background: linear-gradient"],
.btn-large[style*="background: linear-gradient"] {
    background: var(--gradient) !important;
}

/* Применение к кнопкам в hero секции */
.hero-buttons .btn-large {
    background: var(--gradient) !important;
}

/* Применение к кнопке отправки формы */
.contact-form .btn {
    background: var(--gradient) !important;
}

/* Адаптация для темной темы */
[data-theme="dark"] {
    --background-color: #121212;
    --text-color: #ffffff;
}

[data-theme="dark"] body {
    background-color: var(--background-color);
    color: var(--text-color);
}

[data-theme="dark"] .card {
    background-color: #1e1e1e;
    color: var(--text-color);
}

[data-theme="dark"] .input-field input,
[data-theme="dark"] .input-field textarea {
    color: var(--text-color);
    border-bottom-color: var(--primary-color);
}

[data-theme="dark"] .input-field label {
    color: var(--primary-color);
}

/* Анимации для смены темы */
* {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
