/* Главный 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: #0a0a1a;
    --bg-secondary: #1a1a3a;
    --bg-card: #102742;
    --text-primary: #AFDAFC;
    --text-secondary: #AFDAFC;
    --accent-blue1: #AFDAFC;
    --accent-blue2: #102742;
    --accent-blue3: #AFDAFC;
    --border-color: rgba(135, 206, 250, 0.3);
    --shadow-color: rgba(0, 0, 0, 0.5);
    --glass-bg: #102742;
    --glass-border: #AFDAFC;
}

.theme-light {
    /* Светлая тема тут указаны все переменные цветов */
    --bg-primary: #AFDAFC;
    --bg-secondary: #D8ECFD;
    --bg-card: #C5E5FC;
    --text-primary: #102742;
    --text-secondary: #102742;
    --accent-blue1: #102742;
    --accent-blue2: #AFDAFC;
    --accent-blue3: #102742;
    --border-color: rgba(49, 130, 206, 0.2);
    --shadow-color: rgba(0, 0, 0, 0.1);
    --glass-bg: #AFDAFC;
    --glass-border: #102742;
}

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