/* Цветовая схема (Светлая тема) */

body {
    background-color: #f5f5f4; /* Бежевый фон (stone-100) */
    color: #1e293b; /* slate-800 */
}

/* Стили для "бенто-боксов" */
.bento-box {
    background-color: white;
}

/* Стили для контейнера карты */
#map-container {
    border-color: #e2e8f0; /* Добавлена тонкая обводка */
}

/* Стили для ползунков калькулятора */
input[type=range] {
    background: #e5e7eb;
}

input[type=range]::-webkit-slider-thumb {
    background: #B03F35;
}

input[type=range]::-moz-range-thumb {
    background: #B03F35;
}

/* Навигация */
nav {
    background-color: rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid #f1f5f9; /* slate-100 */
}

nav a.nav-link {
    color: #475569; /* slate-600 */
}

nav a.nav-link:hover {
    color: #b91c1c; /* red-700 */
}

/* Стили для новой кнопки переключения темы */
nav button.nav-link {
    color: #475569; /* slate-600 */
}
nav button.nav-link:hover {
    color: #b91c1c; /* red-700 */
}


nav .border-l {
    border-color: #e2e8f0; /* slate-200 */
}

nav .bg-red-700 {
    background-color: #b91c1c;
    color: white;
}
nav .bg-red-700:hover {
    background-color: #991b1b; /* red-800 */
}

#mobile-menu a {
    color: #475569; /* slate-600 */
}
#mobile-menu a:hover {
    color: #b91c1c; /* red-700 */
}
#mobile-menu .bg-red-700 {
    background-color: #b91c1c;
    color: white;
}
#mobile-menu .bg-red-700:hover {
    background-color: #991b1b; /* red-800 */
}

/* Главный экран */
#hero {
    background-image: linear-gradient(to bottom right, #7f1d1d, #1e293b); /* from-red-800 to-slate-900 */
    color: white;
}
#hero p {
    color: #fca5a5; /* red-200 */
}
#hero-contact-btn {
    background-color: white;
    color: #7f1d1d; /* red-800 */
}
#hero-contact-btn:hover {
    background-color: #f5f5f4; /* stone-100 */
}


/* Факты о компании */
.bento-box.bg-red-700 {
    background-color: #b91c1c;
    color: white;
}
.bento-box.bg-slate-700 {
    background-color: #334155;
    color: white;
}
.bento-box.bg-stone-200 {
    background-color: #e7e5e4;
    color: #1e293b; /* slate-800 */
}

/* Партнеры */
section.bento-box h2 {
    color: #334155; /* slate-700 */
}
.partner-name {
    color: #475569; /* slate-600 */
}


/* Калькулятор */
#calculator label {
    color: #334155; /* slate-700 */
}
#calculator .border-b {
    border-color: #e5e7eb; /* gray-200 */
}
.tab-btn.border-red-700 {
    border-color: #b91c1c;
    color: #b91c1c;
}
.tab-btn {
    color: #6b7280; /* gray-500 */
}
.tab-btn:hover {
    color: #4b5563; /* gray-700 */
    border-color: #d1d5db; /* gray-300 */
}
#ff-orders-input, #ff-weight-input, #ff-storage-input,
#pickup-count-input, #return-count-input, #storage-area-input,
#transport-distance-input, #transport-weight-input,
#cargo-weight-input, #cargo-volume-input {
    color: #b91c1c; /* red-700 */
    background-color: #f5f5f4; /* stone-100 */
}
#storage-type, #delivery-type {
    border-color: #d1d5db; /* gray-300 */
}
#storage-type:focus, #delivery-type:focus {
    --tw-ring-color: #ef4444; /* ring-red-500 */
}
#estimated-cost {
    color: #1e293b; /* slate-800 */
}
.bg-stone-100 {
    background-color: #f5f5f4;
}
#estimated-cost + p {
    color: #9ca3af; /* slate-400 */
}
#get-quote-btn {
    background-color: #b91c1c;
    color: white;
}
#get-quote-btn:hover {
    background-color: #991b1b; /* red-800 */
}
#learn-more-btn {
    color: #64748b; /* slate-500 */
}
#learn-more-btn:hover {
    color: #b91c1c; /* red-700 */
}

/* Преимущества, Миссия */
#advantages {
    background-color: #1e293b; /* slate-800 */
    color: white;
}
.bento-box h3 + p {
    color: #475569; /* slate-600 */
}

/* Процесс и Отзывы */
#process .flex-shrink-0.bg-stone-100 {
    background-color: #f5f5f4;
}
#process .flex-shrink-0 .text-slate-800 {
    color: #1e293b;
}
#process h4 {
    color: #0f172a; /* text-slate-900 */
}
#process .space-y-6 > div > div > p { /* This targets the paragraphs in "Как мы работаем" */
    color: #64748b; /* text-slate-500 */
}
#testimonials h3 {
    color: #1e293b; /* slate-800 */
}
#testimonials .bg-white {
    background-color: white;
}
#testimonials .text-slate-400 {
    color: #94a3b8;
}
#testimonials blockquote p {
    color: #334155; /* text-slate-700 */
}
#testimonials blockquote footer {
    color: #334155; /* slate-700, making it consistent with the quote text */
    font-weight: 500; /* medium weight */
}

/* Отзывы партнеров */
.testimonial-card {
    background-color: #f8fafc; /* slate-50 */
    padding: 1rem;
    border-radius: 0.75rem;
    border: 1px solid #e2e8f0; /* slate-200 */
}


/* Карусель */
#prev-btn, #next-btn {
    color: #94a3b8; /* slate-400 */
}
#prev-btn:hover, #next-btn:hover {
    color: #b91c1c; /* red-700 */
}
#carousel-dots button {
    background-color: #d1d5db; /* slate-300 */
}
#carousel-dots button.bg-red-700 {
    background-color: #b91c1c;
}

/* Вакансии */
#careers p.italic {
    color: #475569; /* slate-600 */
}
#careers p.font-semibold {
    color: #1e293b; /* slate-800 */
}
#careers a {
    background-color: #b91c1c;
    color: white;
}
#careers a:hover {
    background-color: #991b1b; /* red-800 */
}

/* Карта */
#city-list li {
    color: #475569; /* slate-600 */
}
#city-list li:hover {
    color: #b91c1c; /* red-700 */
}

/* FAQ */
details {
    background-color: white;
    border: 1px solid #e5e7eb; /* gray-200 */
}
details > summary {
    color: #0f172a; /* slate-900 */
}
details p {
    color: #475569; /* slate-600 */
}

/* Контакты */
#contact {
    background-image: linear-gradient(to bottom right, #1e293b, #0f172a); /* from-slate-800 to-slate-900 */
    color: white;
}
#contact h2 {
    color: #e2e8f0; /* slate-200 */
}
#contact input, #contact textarea {
    background-color: #334155; /* slate-700 */
    border-color: #475569; /* slate-600 */
    color: white;
}
#contact input::placeholder,
#contact textarea::placeholder {
  color: #94a3b8; /* slate-400 */
}
#contact input:focus, #contact textarea:focus {
    --tw-ring-color: #ef4444; /* ring-red-500 */
}
#contact-email-error, #contact-phone-error {
    color: #f87171; /* red-400 */
}
#contact button {
    background-color: #b91c1c; /* red-700 */
}
#contact button:hover {
    background-color: #991b1b; /* red-800 */
}

/* Футер */
footer .text-red-400 {
    color: #f87171;
}
footer .text-slate-400 {
    color: #94a3b8;
}
footer a.text-slate-400:hover {
    color: white;
}
footer .text-slate-300 {
    color: #d1d5db;
}
footer .text-slate-500 {
    color: #64748b;
}
footer .text-slate-500 a:hover {
    color: white;
}

/* Модальные окна */
.modal-overlay {
    background-color: rgba(0, 0, 0, 0.6);
}
.modal-content {
    background-color: white;
}
#modal-title {
    color: #1e293b; /* slate-800 */
}
.modal-close-btn {
    color: #94a3b8; /* slate-400 */
}
.modal-close-btn:hover {
    color: #475569; /* slate-600 */
}
#modal-description {
    color: #475569; /* slate-600 */
}
.modal-content .border-t {
    border-color: #e5e7eb; /* gray-200 */
}
.modal-content form input, .modal-content form textarea {
    background-color: #f5f5f4; /* stone-100 */
    border-color: #e7e5e4; /* stone-200 */
}
.modal-content form input:focus, .modal-content form textarea:focus {
    --tw-ring-color: #ef4444; /* ring-red-500 */
}
#service-email-error, #service-phone-error,
#partnership-email-error, #partnership-phone-error {
    color: #ef4444; /* red-500 */
}
.modal-content form button {
    background-color: #b91c1c;
    color: white;
}
.modal-content form button:hover {
    background-color: #991b1b; /* red-800 */
}
#city-modal-content p strong {
    color: #1e293b; /* slate-800 */
}

/* Уведомление */
#notification.bg-green-500 {
    background-color: #22c55e;
    color: white;
}
#notification.bg-red-500 {
    background-color: #ef4444;
    color: white;
}