/**
 * Фирменные константы Pangea — единственное место, где заданы цвета бренда.
 *
 * Подключается первым, до стилей конкретного приложения (site / cabinet / panel):
 * дальше каждое приложение задаёт свою семантическую палитру (--bg, --blue,
 * радиусы и т.п.) — она у них намеренно разная и здесь не дублируется.
 */
:root {
    /* Оранжевый Pangea: кнопки действия, акценты, логотип */
    --orange: #FA6A2D;
    --orange-h: #e85e24;

    /* Дополнительный фирменный цвет */
    --teal: #36A88F;

    /* Нейтральные бренда */
    --slate: #405362;
    --slate-10: rgba(64, 83, 98, .10);
    --slate-50: rgba(64, 83, 98, .50);
    --slate-60: rgba(64, 83, 98, .60);
    --light: #EFF2F4;
    --surface: #ffffff;

    /* Ширина бокового меню в кабинете и панели */
    --sidebar-w: 240px;
}