/* CSS переменные на основе цветов из Figma */
:root {
    /* Основные цвета */
    --color-primary: #C36F45;
    --color-secondary: #DCC0A0;
    --color-dark: #23283C;
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-gray: #757575;
    --color-light-gray: #BDBDBD;
    --color-red: #E94A66;
    --color-dark-gray: #636362;
    
    /* Шрифты */
    --font-primary: 'Inter', sans-serif;
    --font-secondary: 'Raleway', sans-serif;
    --font-accent: 'Lora', serif;
    
    /* Размеры */
    --border-radius: 8px;
    --border-radius-large: 19px;
    --border-radius-small: 4px;
    
    /* Отступы */
    --spacing-xs: 8px;
    --spacing-sm: 16px;
    --spacing-md: 24px;
    --spacing-lg: 32px;
    --spacing-xl: 48px;
    --spacing-xxl: 64px;
    
}

/* Сброс стилей */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-primary);
    line-height: 1.6;
    color: var(--color-dark);
    background-color: var(--color-secondary);
}