/**
* /var/www/pavel-gorin/public/css/variables.css
* CSS-переменные проекта — ЕДИНАЯ ТОЧКА НАСТРОЙКИ
*/
:root {
    /* === ЦВЕТА === */
    --color-primary: #2A57C7;
    --color-primary-dark: #1a3a8a;
    --color-primary-light: #95C4FA;
    --color-primary-xl: #5A9FD4;
    --color-bg: #061934;
    --color-bg-light: rgba(6, 25, 52, 0.95);
    --color-bg-overlay: rgba(6, 25, 52, 0.75);
    --color-bg-card: rgba(6, 25, 52, 0.6);
    --color-bg-card-light: rgba(6, 25, 52, 0.5);
    --color-text: #95C4FA;
    --color-text-muted: #5A9FD4;
    --color-text-dim: #95C4FA;
    --color-white: #ffffff;
    --color-error: #dc3545;
    --color-success: #28a745;
    
    /* === ТЕНИ === */
    --shadow-soft: 0 5px 15px rgba(42, 87, 199, 0.3);
    --shadow-modal: 0 15px 50px rgba(42, 87, 199, 0.45);
    --shadow-glow: 0 0 20px rgba(42, 87, 199, 0.5);
    --shadow-glow-lg: 0 0 40px rgba(42, 87, 199, 0.2);
    --shadow-inset: inset 0 1px 0 rgba(149, 196, 150, 0.2);
    
    /* === ПЕРЕХОДЫ === */
    --transition-std: all 0.3s ease;
    --transition-fast: all 0.2s ease;
    --transition-slow: all 0.4s ease;
    
    /* === ГРАНИЦЫ === */
    --border-modal: 1px solid rgba(42, 87, 199, 0.8);
    --border-soft: 1px solid rgba(149, 196, 150, 0.2);
    --border-card: 1px solid rgba(42, 87, 199, 0.3);
    --border-card-hover: 1px solid rgba(149, 196, 150, 0.5);
    --border-input: 1px solid rgba(255, 255, 255, 0.2);
    --border-divider: 2px solid rgba(42, 87, 199, 0.5);
    --border-gradient: linear-gradient(90deg, transparent 0%, rgba(42, 87, 199, 0.6) 50%, transparent 100%);
    
    /* === РАДИУСЫ === */
    --radius-modal: 15px;
    --radius-lg: 20px;
    --radius-md: 12px;
    --radius-sm: 8px;
    --radius-xs: 4px;
    --radius-pill: 10px;
    
    /* === BACKDROP === */
    --backdrop-blur: blur(16px) saturate(180%);
    --backdrop-bg: rgba(6, 25, 52, 0.05);
    
    /* === РАЗМЕРЫ СТРАНИЦ === */
    --page-width-lg: 1100px;
    --page-width-md: 900px;
    --page-width-sm: 700px;
    --page-width-xs: 90%;
    --photo-width-lg: 437px;
    --photo-width-md: 374px;
    --photo-width-sm: 312px;
    --photo-width-xs: 250px;
    
    /* === ОТСТУПЫ (SPACING) === */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 12px;
    --space-lg: 15px;
    --space-xl: 20px;
    --space-2xl: 25px;
    --space-3xl: 30px;
    --space-4xl: 35px;
    --space-5xl: 40px;
    --space-6xl: 50px;
    
    /* === ВНУТРЕННИЕ ОТСТУПЫ (PADDING) === */
    --padding-xs: 4px;
    --padding-sm: 8px;
    --padding-md: 12px;
    --padding-lg: 15px;
    --padding-xl: 20px;
    --padding-2xl: 25px;
    --padding-3xl: 30px;
    --padding-4xl: 35px;
    --padding-5xl: 40px;
    --padding-6xl: 50px;
    
    /* === ВНЕШНИЕ ОТСТУПЫ (MARGIN) === */
    --margin-xs: 4px;
    --margin-sm: 8px;
    --margin-md: 12px;
    --margin-lg: 15px;
    --margin-xl: 20px;
    --margin-2xl: 25px;
    --margin-3xl: 30px;
    --margin-4xl: 35px;
    --margin-5xl: 40px;
    --margin-6xl: 50px;
    
    /* === ТИПОГРАФИКА — РАЗМЕРЫ ШРИФТОВ === */
    --font-size-xs: 10px;
    --font-size-sm: 12px;
    --font-size-md: 14px;
    --font-size-lg: 15px;
    --font-size-xl: 16px;
    --font-size-2xl: 18px;
    --font-size-3xl: 20px;
    --font-size-4xl: 24px;
    --font-size-5xl: 28px;
    --font-size-6xl: 32px;
    --font-size-7xl: 36px;
    
    /* === ТИПОГРАФИКА — ВЫСОТА СТРОКИ === */
    --line-height-tight: 1.5;
    --line-height-normal: 1.6;
    --line-height-relaxed: 1.7;
    --line-height-loose: 2.0;
    
    /* === ТИПОГРАФИКА — ВЕС ШРИФТА === */
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    
    /* === ТИПОГРАФИКА — МЕЖБУКВЕННЫЙ ИНТЕРВАЛ === */
    --letter-spacing-tight: 0.8px;
    --letter-spacing-normal: 1px;
    --letter-spacing-wide: 1.2px;
    
    /* === РАЗМЕРЫ КОМПОНЕНТОВ === */
    --btn-height-sm: 38px;
    --btn-height-md: 46px;
    --btn-height-lg: 50px;
    --input-height: 44px;
    --icon-size-sm: 16px;
    --icon-size-md: 20px;
    --icon-size-lg: 24px;
    --icon-size-xl: 36px;
    --icon-size-2xl: 48px;
    
    /* === МОДАЛЬНЫЕ ОКНА === */
    --modal-padding: 15px;
    --modal-header-padding: 15px 20px;
    --modal-body-padding: 20px;
    --modal-width-sm: 380px;
    --modal-width-md: 450px;
    --modal-width-lg: 600px;
    --modal-max-width: 800px;
    --modal-min-width: 320px;
    --modal-height: 550px;
    --modal-max-height: 600px;
    --modal-min-height: 400px;
    
    /* === СКРОЛЛБАР === */
    --scrollbar-width: 6px;
    --scrollbar-track: rgba(6, 25, 52, 0.5);
    --scrollbar-thumb: rgba(42, 87, 199, 0.6);
    --scrollbar-thumb-hover: rgba(42, 87, 199, 0.8);
}