:root {
    /* === Фоны === */
    --bg-primary: #E1E8EB;        /* Основной светло-серо-голубой фон */
    --bg-section-dark: #616C72;   /* Тёмный фон секций (шаги, "что входит") */
    --bg-footer: #3D4043;         /* Футер (самый тёмный) */
    --bg-card: #ffffff;           /* Фон карточек и форм */
    --bg-info-bar: #D3D9D7;       /* Серая плашка */
    --bg-secondary-form: #F5F5F5;

    /* === Акцентный (лаймовый) === */
    --accent: #EFFE7D;            /* Основной лаймовый (подсветки, бейджи) */
    --accent-hover: #eaeaeb;      /* Ховер кнопок */
    --accent-active: #d3d9d7;

    /* === Текст === */
    --text-primary: #3D4043;      /* Основной текст (заголовки) */
    --text-secondary: #616C72;    /* Вторичный текст (описания) */
    --text-muted: rgba(61, 64, 67, 0.5);        /* Приглушённый текст (плейсхолдеры) */
    --text-on-dark: #FDFDF1;      /* Текст на тёмном фоне */
    --text-on-accent: #2d3748;    /* Текст на лаймовом фоне */
    --text-white: #ffffff;

    /* === Размеры текста ===*/
    --text-size-small: 12px;
    --text-size-base: 14px;
    --text-size-medium: 26px;
    --text-title-size-medium: 34px;
    --text-size-large: 72px;

    /* === Границы и разделители === */
    --border-light: #d5dce3;      /* Лёгкие границы */
    --border-input: #c8d3de;      /* Границы инпутов */

    /* === Брендовые === */
    --brand-emc: #C0AF95;         /* Золотисто-бежевый */
    --brand-alfa: #ef3124;        /* Красный */
    --brand-crosshub: #3d454d;    /* Тёмный */

    /* === Прочее === */
    --shadow-card: rgba(0, 0, 0, 0.08);  /* Тень карточек */
}