/**
 * DirectTalk — дизайн-токены (единый источник правды).
 * Меняешь значение здесь — меняется во всех разделах, использующих ui-kit.
 * Префикс --dt-* исключает конфликт с переменными Bitrix/сторонних библиотек.
 */
:root {
    /* Акцент */
    --dt-accent:       #E3002B;
    --dt-accent-600:   #C40026;
    --dt-accent-700:   #A8001F;

    /* Текст и нейтрали (лёгкий тёплый биас под красный акцент) */
    --dt-ink:          #14151A;   /* основной текст */
    --dt-ink-2:        #4A4C54;   /* вторичный текст */
    --dt-muted:        #8A8A90;   /* подписи, плейсхолдеры */
    --dt-border:       #E7E4E4;   /* границы */
    --dt-surface:      #FFFFFF;   /* карточки, поля */
    --dt-soft:         #F6F6F7;   /* подложка */
    --dt-soft-2:       #F0EFF0;   /* подложка при наведении */

    /* Семантика */
    --dt-success:      #1A9A54;
    --dt-warning:      #C77700;
    --dt-danger:       #E3002B;

    /* Тени */
    --dt-shadow:       0 8px 28px rgba(20,21,26,.07);
    --dt-shadow-sm:    0 2px 8px rgba(20,21,26,.05);

    /* Скругления */
    --dt-r-sm:  8px;
    --dt-r:     10px;
    --dt-r-lg:  16px;
    --dt-r-pill: 999px;

    /* Раскладка */
    --dt-container: 1200px;
    --dt-gutter:    20px;

    /* Высоты интерактивных элементов */
    --dt-control-h:  44px;

    /* Типографика */
    --dt-font: "Museo Sans Cyrl", "Golos Text", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}