/* Дизайн-токены лк-дизайна (имена соответствуют токенам Figma).
   Подключается первым — остальные файлы используют var(--lk-*). */
:root {
    /* Violet */
    --lk-violet: #8752fa;           /* Button / Icon / Text Violet */
    --lk-violet-rgb: 135, 82, 250;  /* для rgba(var(--lk-violet-rgb), α) */
    /* Button / Violet_Gradient. Стопы Figma (118deg, #4500F9@116.78% / #8752FA@57.83%) в CSS
       схлопываются в сплошной #4500F9 — пересчитано на элемент по пиксельным замерам макета. */
    --lk-violet-gradient: linear-gradient(105deg, #7137f9 0%, #8752fa 60%);
    --lk-violet-light: #b69cf5;     /* Icon / Light Violet */
    --lk-violet-bg: #f8f3ff;        /* Extra Light Violet (active / icon bg) */
    --lk-avatar: #d78dfe;           /* Profile / BG / Lilac */

    /* Text */
    --lk-text: #151515;             /* Text / Black */
    --lk-text-dark: #212121;        /* Main / Black */
    --lk-grey: #566b7f;             /* Text / Button Grey */
    --lk-grey-light: #9aa6b2;       /* Text / Light Grey */
    --lk-icon-grey: #66798b;        /* Icon / Grey */

    /* Backgrounds */
    --lk-white: #ffffff;
    --lk-bg: #f5f6fa;               /* Page / Grey ExtraLight */
    --lk-table-head-bg: #efe9fb;    /* Table / BG / Light Violet */
    --lk-tabs-bg: rgba(219, 193, 255, 0.2);
    --lk-footer-bg: #f8f7ff;
    --lk-watermark: #eae7fa;

    /* Strokes */
    --lk-slate: 86, 107, 127;       /* для rgba(var(--lk-slate), α) */
    --lk-stroke: #d2d2d6;           /* Stroke / Grey Normal */
    --lk-dashed: #9f75fb;           /* Stroke / Light Violet */
}