/* Главный 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: #121216;
    --bg-secondary: #121216;
    --bg-card: #121216;
    --text-primary: #FED50B;
    --text-secondary: #FED50B;
    --accent-blue1: #FED50B;
    --accent-blue2: #E00000;
    --accent-blue3: #FED50B;
    --border-color: #FED50B;
    --shadow-color: #E00000;
    --glass-bg: #121216;
    --glass-border: #FED50B;
    --gradientmix: #E00000;
}

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

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