/* =========================================
   VARIABLES.CSS — все переменные темы
   ========================================= */

:root {
    /* ---------- Цвета ---------- */
    --color-white: #FFFFFF;
    --color-black: #141414;
    --color-gray-dark: #303030;
    --color-accent: #F0500C;
    --color-stars: #F8B808;
    
    /* Прозрачные цвета */
    --color-white-04: rgba(255, 255, 255, 0.04);
    --color-white-10: rgba(255, 255, 255, 0.1);
    --color-white-20: rgba(255, 255, 255, 0.2);
    --color-white-70: rgba(255, 255, 255, 0.7);
    
    /* ---------- Шрифты ---------- */
    --font-family-main: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-family-accent: 'Unbounded', sans-serif;
    
    /* Размеры */
    --font-size-xs: 12px;
    --font-size-sm: 14px;
    --font-size-md: 16px;
    --font-size-lg: 20px;
    --font-size-xl: 24px;
    
    /* Начертания */
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    
    /* ---------- Отступы ---------- */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 12px;
    --spacing-lg: 16px;
    --spacing-xl: 20px;
    --spacing-2xl: 24px;
    --spacing-3xl: 32px;
    
    /* ---------- Макет ---------- */
    --container-width: 1296px;
    --border-radius-card: 16px;
    
    /* ---------- Анимации ---------- */
    --transition-normal: 0.3s ease;
}