:root {
    interpolate-size: allow-keywords;
    /* Цветовая палитра */
    --c-color-primary: #1e5ba9;
    --c-color-secondary: #fc5c5c;
    --c-color-secondary-hover: #e54b4b;
    --c-color-dark: #151a21;
    --c-color-dark-border: #29303b;
    --c-color-bg: #171717;
    --c-color-text-white: #ffffff;
    --c-color-text-gray: #e0e0e0;

    /* Типографика */
    --c-font-main: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --c-font-heading: 'Oswald', Impact, "Arial Narrow Bold", sans-serif;

    /* Сетка и отступы */
    --c-row-width: 1420px;
    --c-container-padding-desktop: 50px;
    --c-container-padding-mobile: 16px;
    
    /* Скругления */
    --c-border-radius-sm: 8px;
    --c-border-radius-md: 12px;
    --c-border-radius-lg: 16px;

    --c-header-bg: #1e242d;
    --c-grid-gap: 20px;


    /* H1 (Hero секции): от 32px (2rem) до 56px (3.5rem) */
    --c-font-size-h1: clamp(2rem, 1.127rem + 4.36vw, 3.5rem);
    
    /* H2 (Заголовки секций): от 28px (1.75rem) до 42px (2.625rem) */
    --c-font-size-h2: clamp(1.75rem, 1.241rem + 2.54vw, 2.625rem);
    
    /* H3 (Карточки, блоки): от 22px (1.375rem) до 30px (1.875rem) */
    --c-font-size-h3: clamp(1.375rem, 1.084rem + 1.45vw, 1.875rem);
    
    /* Основной текст: от 16px (1rem) до 18px (1.125rem) */
    --c-font-size-body: clamp(1rem, 0.927rem + 0.36vw, 1.125rem);
    
    /* Маленький текст (подписи): 14px */
    --c-font-size-sm: 0.875rem;
}