:root {
    /* Цветовая схема */
    --color-primary: #4299e1;
    --color-primary-dark: #3182ce;
    --color-secondary: #a0aec0;
    --color-success: #48bb78;
    --color-warning: #ed8936;
    --color-danger: #f56565;
    --color-info: #38b2ac;
    
    /* Текстовые цвета */
    --text-primary: #333;
    --text-secondary: #718096;
    --text-dark: #4a5568;
    --text-light: #fff;
    
    /* Фоновые цвета */
    --bg-primary: #fff;
    --bg-secondary: #f7fafc;
    --bg-gradient-start: #667eea;
    --bg-gradient-end: #764ba2;
    
    /* Отступы */
    --spacing-xs: 5px;
    --spacing-sm: 10px;
    --spacing-md: 15px;
    --spacing-lg: 20px;
    --spacing-xl: 30px;
    
    /* Радиусы */
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 15px;
    --radius-xl: 20px;
    --radius-full: 50px;
    
    /* Тени */
    --shadow-sm: 0 5px 15px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 8px 25px rgba(0, 0, 0, 0.15);
    --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.1);
}