:root {
    /* Размеры */
    --size-3xs: 0.25rem;
    --size-2xs: 0.5rem;
    --size-xs: 0.75rem;
    --size-s: 0.875rem;
    --size-m: 1rem;
    --size-l: 1.125rem;
    --size-xl: 1.25rem;
    --size-2xl: 1.5rem;
    --size-3xl: 2rem;
    --size-4xl: 2.5rem;

    /* Контейнер */
    --container-width: 1280px;
    --container-padding: 32px;

    /* Секции — компактно */
    --section-padding-y: clamp(1.25rem, 2.5vw, 2rem);
    --section-padding-y-sm: clamp(1rem, 2vw, 1.5rem);

    /* Типографика (для clamp в main/sem) */
    --text-body-min: 15px;
    --text-body: 16px;
    --text-caption-min: 12px;
    --text-caption: 14px;
    --title-1-min: 42px;
    --title-1-max: 120px;
    --title-2-min: 36px;
    --title-2-max: 52px;
    --title-3-min: 16px;
    --title-3-max: 24px;

    /* Цвета — строгая палитра */
    --text-main: #1a1a1a;
    --text-secondary: #6b7280;
    --text-secondary-2: #9ca3af;
    --primary-orange: #d97706;
    --primary-blue: #0f4c81;
    --primary-blue-light: #e8f0f8;
    --background-light: #f4f4f5;
    --white: #ffffff;
    --sem-bg: #f8fafc;
    --sem-border: #e2e8f0;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.1);
}

@media (max-width: 1199px) {
    :root {
        --container-padding: 24px;
    }
}

@media (max-width: 767px) {
    :root {
        --container-padding: 16px;
    }
}