/* tokens.css — ДИЗАЙН-ТОКЕНЫ + каскад слоёв. Канон: UI-KIT-DESIGN §1.
   ТРЁХСЛОЙНОСТЬ CSS (подтверждено): tokens (конфиг/бренд) < components (.lk-* виджеты) < utilities.
   @layer фиксирует порядок каскада независимо от порядка подключения <link>. */
@layer tokens, brand, components, utilities;

@layer tokens {
  :root {
    /* СТРУКТУРНЫЕ (бренд-инвариантные): радиус/отступ + семафор действий (edit/mark/delete/create) */
    --lk-radius: 8px;
    --lk-gap: 12px;
    --lk-appbar-h: 56px;           /* CSS-DUP: единая высота app-bar (было 56/58 рассинхрон .sidebar/.content) */
    --lk-focus:  #1d4ed8;          /* FND-10: кольцо фокуса (BFSG 2.4.7) — единый токен; бренд может переопределить */
    /* FND-10: семафор AA-настроен (белый текст ≥4.5:1 на white). Тот же канон-hue, WCAG-оттенок.
       mark — вивидный оранжевый СОХРАНЁН, но текст на нём ТЁМНЫЙ (var(--lk-text), 5.64:1): белый на
       оранжевом недостижим как AA без ухода в коричневый ⇒ тёмный текст сохраняет «предупреждение». */
    --lk-action-edit:   #4f46e5;   /* indigo  — правка          (белый текст 6.29:1) */
    --lk-action-mark:   #ea7a16;   /* orange  — пометка удаления (ТЁМНЫЙ текст 5.64:1) */
    --lk-action-delete: #cf3a3f;   /* tomato  — удаление         (белый текст 4.85:1) */
    --lk-action-create: #217a3d;   /* green   — создание         (белый текст 5.36:1) */
    --lk-action-caution:#556070;   /* slate   — предупреждение/обратимое (Stornieren/unpost) ≠ delete */

    /* СТАТУС-СЕМАНТИКА (ЕДИНЫЙ источник статус-точек/каллаутов/бейджей — не хардкодить hex по месту).
       Отделены от action-семафора (кнопки): статусы — индикаторы состояния, ярче/светлее, не действия.
       Канон палитры: docs/UI-KIT-BRANDBOOK.md §Цветовая палитра. */
    --lk-success: #2e9e57;         /* зелёный — позитив/готово (статус-точка, каллаут) */
    --lk-info:    #2563eb;         /* синий   — инфо/в работе/ссылка (submitted, callout-blue) */
    --lk-danger:  var(--lk-action-delete);   /* красный опасности = ОДИН красный с delete (без второго тона) */
    --lk-dot-neutral: #9aa0a6;     /* серый   — нейтральная статус-точка */
    --lk-hover:   #f0f2f6;         /* нейтральный hover строк/карточек/чипов/сумм */

    /* НЕЙТРАЛЬНАЯ ПОВЕРХНОСТЬ (бренд слегка тонирует через --lk-brand в theme-*) */
    --lk-bg: #f6f7f9;
    --lk-surface: #ffffff;
    --lk-border: #e2e5ea;
    --lk-text: #1a2030;
    --lk-muted: #585e6b;   /* FND-10: приглушённый текст ≥6:1 (было #6b7280=4.51 на bg — впритык к AA) */

    /* БРЕНД по умолчанию (LOGOS navy + red-accent) — переопределяется @layer brand (theme-<brand>.css) */
    --lk-brand: #1a2744;          /* navy — первичный/структура (шапки/заголовки/навигация/primary-кнопки) */
    --lk-accent: #e5312a;         /* фирменный красный — акцент/энергия/CTA (логотип, дуотон иконок, фокус) */
    /* LOGOS Iconografika: дуотон-подложка иконок = мягкий брендовый акцент (20% смесь). Авто-адаптируется
       к арендатору (SC Potsdam → красный wash). Смена одного токена = переокрас всей инфографики иконок. */
    --lk-icon-accent: color-mix(in srgb, var(--lk-accent) 20%, transparent);
    --lk-navy: var(--lk-brand);   /* совместимость: старые классы ссылаются на --lk-navy */
    --lk-brand-name: "LOGOS";     /* имя в шапке (content:) */

    /* КАЧЕСТВЕННАЯ ПАЛИТРА диаграмм (§7 pie/donut) — 8 различимых оттенков (не по яркости, AA-контраст на
       белом). Бренд-инвариантна по умолчанию; арендатор может переопределить в theme-<brand>.css. Легенда
       всегда несёт текст+процент (§5: цвет — не единственный носитель смысла). */
    --lk-cat-1: #3b6fb0;  --lk-cat-2: #e0803a;  --lk-cat-3: #4f9d6b;  --lk-cat-4: #b0472f;
    --lk-cat-5: #8267b3;  --lk-cat-6: #3f9fa8;  --lk-cat-7: #c2913a;  --lk-cat-8: #98596e;
  }
}