:root {
    
    /* Шрифты */
    --font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --font-h1:    clamp(34px, 5vw,   72px);
    --font-h2:    clamp(26px, 3vw,   40px);
    --font-h3:    clamp(18px, 2vw,   22px);
    --font-lead:  clamp(17px, 2vw,   24px);
    --font-text:  clamp(15px, 1.5vw, 17px);
    --font-small: clamp(12px, 1.2vw, 14px);
    --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;
    
    /* Отступы */
    --max-width: 1440px;
    --page-pad:  10px;
    --space-gap: clamp(12px, 1.5vw, 24px);
    --space-sec: clamp(56px, 6vw, 104px);
    
    /* Кривые анимации */
    --easeOutQuart: cubic-bezier(0.25, 1, 0.5, 1);
    --easeInCubic: cubic-bezier(0.32, 0, 0.67, 0);
    --easeInOutCubic: cubic-bezier(0.65, 0, 0.35, 1);
}