:root {
    /* Шрифты */
    --font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --font-h1:    clamp(2.25rem,  1rem + 5vw,   4.5rem);     
    --font-h2:    clamp(1.75rem,  0.8rem + 4vw, 2.75rem);    
    --font-h3:    clamp(1.375rem, 0.6rem + 3vw, 1.875rem);   
    --font-lead:  clamp(1.125rem, 0.5rem + 2vw, 1.375rem);   
    --font-text:  clamp(0.938rem, 0.4rem + 1vw, 1.063rem);   
    --font-small: clamp(0.75rem,  0.3rem + 1vw, 0.875rem); 
    --font-weight-regular: 400;
    --font-weight-medium:  500;
    --font-weight-bold:    700;
    
    /* Цвета */
    --color-bg:           #f2f3f4;
    --color-surface:      #ffffff;
    --color-text:         #141414;
    --color-text-inverse: #f2f3f4;
    --color-muted:        #86868b;
    --color-accent:       #0071e3;
    
    /* Тени */
    --shadow-sm: 0 2px 10px rgba(0, 40, 100, 0.10);
    --shadow-md: 0 4px 24px rgba(0, 40, 100, 0.10);
    --color-overlay: rgba(20, 20, 20, 0.50);
    
    /* Скругления */
    --radius-sm:   8px;
    --radius-md:  16px;
    --radius-lg:  24px;
    --radius-pill: 999px;
    
    /* Отступы */
    --header-height: 50px;
    --max-width: 1440px;
    --page-padding-x: 10px;
    --grid-gap: clamp(12px, 1.5vw, 24px);
    --section-gap: clamp(56px, 6vw, 104px);
    
    /* Кривые анимации */
    --easeIn: cubic-bezier(0.32, 0, 0.67, 0);
    --easeOut: cubic-bezier(0.33, 1, 0.68, 1);
    --easeInOut: cubic-bezier(0.65, 0, 0.35, 1);
}