/* Главный CSS файл */

/* Импорт всех компонентов */
@import url('components/base.css');
@import url('components/header.css');
@import url('components/background.css');
@import url('components/typography.css');
@import url('components/payment.css');
@import url('components/responsive.css');

/* CSS переменные для тем */
:root {
    /* Темная тема по умолчанию  тут указны все переменные цветов */
    --bg-primary: #d5d5d5;
    --bg-secondary: #d5d5d5;
    --bg-card: #d5d5d5;
    --text-primary: #480607;
    --text-secondary: #0F2504;
    --accent-blue1: #480607;
    --accent-blue2: #d5d5d5;
    --accent-blue3: #480607;
    --border-color: #d5d5d5;
    --shadow-color: #480607;
    --glass-bg: #d5d5d5;
    --glass-border: #d5d5d5;
    --gradientmix: #474a51;
    --tiffanycolor: #480607;
    --netbackground: #480607;
    --contact-border: #d5d5d5;
    --contact-bg: #d5d5d5;
    --contact-shadow: #480607;
}

.theme-light {
    /* Светлая тема тут указаны все переменные цветов */
    --bg-primary: #FFA90A;
    --bg-secondary: #FFA90A;
    --bg-card: #FFA90A;
    --text-primary: #00140E;
    --text-secondary: #00140E;
    --accent-blue1: #00140E;
    --accent-blue2: #FFA90A;
    --accent-blue3: #4CBB17;
    --border-color: #FFA90A;
    --shadow-color: #4CBB17;
    --glass-bg: #FFA90A;
    --glass-border: #FFA90A;
    --gradientmix: #4CBB17;
}

/* Плавные переходы для темы */
body {
    transition: background-color 0.1s ease, color 0.1s ease;
}

/* РАЗДЕЛЕНИЕ ПЛАТЕЖНОГО ОКНА И КОНТАКТОВ */
.payment-container {
    margin-bottom: 80px !important;
}

.contact {
    margin-top: 40px !important;
}

/* На мобильных - меньше отступ */
@media (max-width: 768px) {
    .payment-container {
        margin-bottom: 50px !important;
    }

    .contact {
        margin-top: 30px !important;
    }
}