:root {
    /* Colors */
    --color-primary: #004DFF;
    --color-primary-light: #5789FF;
    --color-primary-dark: #0039BB;
    --color-secondary: #B4CAFF;
    --color-accent: #A3BFFF;
    
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-grey: #727272;
    --color-light-grey: #DADADA;
    --color-light-blue: #D9E5FF;
    
    --color-success: #1CA500;
    --color-error: #C80000;
    
    --color-bg: #F7F8FA;
    
    /* Table colors */
    --color-table-green-light: #E2FDE3;
    --color-table-green: #BCF5BC;
    --color-table-red-light: #FAEBEC;
    --color-table-red: #FBCFD0;
    
    /* Gradients */
    --gradient-primary: linear-gradient(27deg, rgba(0, 77, 255, 1) 0%, rgba(163, 191, 255, 1) 100%);
    --gradient-blue: linear-gradient(31deg, rgba(0, 77, 255, 1) 14%, rgba(180, 202, 255, 1) 100%);
    
    /* Typography */
    --font-primary: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-heading: 'Unbounded', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-secondary: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    
    /* Font sizes - Desktop */
    --font-size-h1: 44px;
    --font-size-h2: 30px;
    --font-size-h3: 24px;
    --font-size-body1: 20px;
    --font-size-body2: 18px;
    --font-size-body3: 16px;
    --font-size-button: 20px;
    --font-size-menu: 20px;
    --font-size-footer: 18px;
    --font-size-table: 16px;
    
    /* Font sizes - Mobile */
    --font-size-h1-mobile: 30px;
    --font-size-h2-mobile: 16px;
    --font-size-body1-mobile: 14px;
    --font-size-body2-mobile: 12px;
    --font-size-button-mobile: 14px;
    
    /* Line heights */
    --line-height-h1: 1em;
    --line-height-h2: 1em;
    --line-height-body: 1.4em;
    --line-height-body2: 1.2em;
    
    /* Spacing */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-xxl: 48px;
    --spacing-xxxl: 64px;
    
    /* Container */
    --container-width: 1440px;
    /* Адаптивные отступы: для 1920px = 172px, плавно меняются от 20px до 172px */
    --container-padding: clamp(20px, 8.96vw, 172px);
    --container-padding-mobile: 20px;
    
    /* Border radius */
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-full: 50%;
    
    /* Shadows */
    --shadow-sm: 0px 0px 26px 0px rgba(0, 0, 0, 0.1);
    --shadow-md: 0px 4px 26px 0px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
    
    /* Transitions */
    --transition-base: 0.3s ease;
    --transition-fast: 0.2s ease;
    
    /* Market Profit Image - независимые параметры для изображения пирамиды */
    --market-profit-image-width: 670px;
    --market-profit-image-height: auto;
    --market-profit-image-top: 0;
    --market-profit-image-right: -100px;
    --market-profit-image-bottom: auto;
    --market-profit-image-left: auto;
    --market-profit-image-opacity: 1;
    --market-profit-image-transform: none;
    
    /* Market Profit Image - Mobile */
    --market-profit-image-width-mobile: 100%;
    --market-profit-image-height-mobile: auto;
    --market-profit-image-opacity-mobile: 1;
}