:root {
    /* Цвета */
    --color-primary: #0b2b3b;
    --color-secondary: #f3b33d;
    --color-accent: #d97a1c;
    --color-bg: #f5f7fc;
    --color-text: #1a2634;
    --color-text-light: #4a6272;
    --color-text-muted: #64748b;
    --color-white: #ffffff;
    --color-border: #eef2f8;
    --color-border-dark: #cddae9;
    
    /* Градиенты */
    --gradient-main: linear-gradient(135deg, #eef2f9 0%, #e0e8f2 100%);
    
    /* Размеры */
    --container-max-width: 1800px;
    
    /* Отступы */
    --spacing-xs: 8px;
    --spacing-sm: 12px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    
    /* Радиусы */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 40px;
    
    /* Тени */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 12px 28px rgba(0, 0, 0, 0.04);
    --shadow-lg: 0 20px 30px -12px rgba(0, 0, 0, 0.12);
    --shadow-header: 0 4px 12px rgba(0, 0, 0, 0.05);
    
    /* Переходы */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
    
    /* Z-index */
    --z-header: 100;
    --z-mobile-menu: 1000;
    --z-overlay: 999;
}