/* CSS переменные */
:root {
    /* Цвета */
    --color-primary: #2C2D4C;
    --color-accent: #812424;
    --color-black: #000000;
    --color-white: #FFFFFF;
    --color-light: #EBEAE8;
    --color-beige: #FFF3D7;
    
    /* Градиенты */
    --gradient-green-blue: linear-gradient(180deg, #8CF965 0%, #065B98 63%);
    --gradient-pink-red: linear-gradient(180deg, #A50954 0%, #812424 100%);
    
    /* Цвета для текста */
    --color-text: #2C2D4C;
    --color-text-light: #812424;
    
    /* Шрифты */
    --font-main: 'Gilroy', Arial, sans-serif;
    --font-heading: 'Soyuz Grotesk', Arial, sans-serif;
    
    /* Размеры шрифтов */
    --font-size-h1: 56px;
    --font-size-h2: 36px;
    --font-size-h3: 24px;
    --font-size-base: 16px;
    --font-size-small: 14px;
    
    /* Размеры шрифтов для мобильных */
    --font-size-h1-mobile: 32px;
    --font-size-h2-mobile: 24px;
    --font-size-h3-mobile: 20px;
    
    /* Отступы */
    --spacing-xs: 8px;
    --spacing-sm: 16px;
    --spacing-md: 24px;
    --spacing-lg: 40px;
    --spacing-xl: 60px;
    --spacing-xxl: 100px;
    
    /* Контейнер */
    --container-width: 1520px;
    --container-padding: 20px;
    
    /* Радиусы */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    
    /* Тени */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.12);
    
    /* Transitions */
    --transition: 0.3s ease;
}

/* Подключение шрифтов */

/* Gilroy */
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy/gilroy-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy/Gilroy-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy/Gilroy-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy/Gilroy-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy/Gilroy-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

/* Soyuz Grotesk */
@font-face {
    font-family: 'Soyuz Grotesk';
    src: url('../fonts/Soyuz Grotesk/SoyuzGroteskBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Soyuz Grotesk';
    src: url('../fonts/Soyuz Grotesk/Soyuz_Grotesk_Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}