/* Токены UI-слоя. Значения взяты из DBdev:profile.view как из принятой основы. */
:root {
    /* Акцент приходит из темы сайта; fallback — оранжевый Довуза. */
    --dbdev-ui-accent: var(--sfu-color-primary, #e63e11);
    --dbdev-ui-accent-hover: var(--sfu-color-primary-hover, #bd2f09);
    --dbdev-ui-accent-soft: var(--sfu-color-primary-soft, rgba(230, 62, 17, .07));
    --dbdev-ui-accent-soft-strong: var(--sfu-color-primary-soft-strong, rgba(230, 62, 17, .12));
    --dbdev-ui-accent-border: var(--sfu-color-primary-border, rgba(230, 62, 17, .28));
    --dbdev-ui-accent-focus: var(--sfu-color-primary-focus, rgba(230, 62, 17, .22));

    /* Поверхности и рамки. */
    --dbdev-ui-surface: #fff;
    --dbdev-ui-surface-soft: #f7f9fb;
    --dbdev-ui-border: #e2e7ec;
    /* Тонкий разделитель внутри карточки: строки списков, пары значений. */
    --dbdev-ui-border-divider: #edf0f2;
    --dbdev-ui-border-dashed: #cbd2d9;

    /* Текст. */
    --dbdev-ui-text: #252b31;
    --dbdev-ui-text-secondary: #4e5964;
    --dbdev-ui-text-muted: #68737d;
    /* Декоративные иконки пустых состояний и заглушек. */
    --dbdev-ui-text-faint: #a6afb7;

    /* Семантика; фирменным акцентом не перекрашивается — на ФМШ зелёная ошибка
       читалась бы как успех. У каждого семейства одна форма: базовый цвет для полос
       и иконок, светлая рамка, фон плашки и текст на этом фоне.
       Базовый цвет на белом даёт контраст около 2.5:1 — он для полос и иконок,
       а не для текста; текстом идёт *-text на своём *-surface. */
    --dbdev-ui-danger: #dc2626;
    --dbdev-ui-danger-border: #fecaca;
    --dbdev-ui-danger-surface: #fef2f2;
    --dbdev-ui-danger-text: #991b1b;

    --dbdev-ui-success: #12b76a;
    --dbdev-ui-success-border: #a6f4c5;
    --dbdev-ui-success-surface: #edf8f0;
    --dbdev-ui-success-text: #237840;

    --dbdev-ui-warning: #f79009;
    --dbdev-ui-warning-border: #fedf89;
    --dbdev-ui-warning-surface: #fef0c7;
    /* Разбавленный жёлтый для подсветки целой строки, а не компактной метки. */
    --dbdev-ui-warning-surface-soft: #fff9e8;
    --dbdev-ui-warning-text: #93370d;

    --dbdev-ui-info: #0284c7;
    --dbdev-ui-info-border: #bae6fd;
    --dbdev-ui-info-surface: #f0f9ff;
    --dbdev-ui-info-text: #075985;

    /* Геометрия. */
    --dbdev-ui-radius: 12px;
    --dbdev-ui-radius-sm: 9px;
    --dbdev-ui-radius-xs: 6px;
    --dbdev-ui-gap: 18px;

    --dbdev-ui-shadow-card: 0 4px 16px rgba(24, 37, 50, .04);
    --dbdev-ui-shadow-raised: 0 5px 18px rgba(24, 37, 50, .05);
    --dbdev-ui-shadow-modal: 0 24px 70px rgba(10, 17, 24, .28);
}