/* 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-action-edit:   #4f46e5;   /* indigo  — правка */
    --lk-action-mark:   #ea7a16;   /* orange  — пометка удаления */
    --lk-action-delete: #e5484d;   /* tomato  — удаление */
    --lk-action-create: #2a8a4a;   /* green   — создание */

    /* НЕЙТРАЛЬНАЯ ПОВЕРХНОСТЬ (бренд слегка тонирует через --lk-brand в theme-*) */
    --lk-bg: #f6f7f9;
    --lk-surface: #ffffff;
    --lk-border: #e2e5ea;
    --lk-text: #1a2030;
    --lk-muted: #6b7280;

    /* БРЕНД по умолчанию (LOGOS navy+gold) — переопределяется @layer brand (theme-<brand>.css) */
    --lk-brand: #1a2744;          /* первичный (шапки/заголовки/акцент-навигация) */
    --lk-accent: #c9a23f;         /* акцент (лого/выделения) */
    --lk-navy: var(--lk-brand);   /* совместимость: старые классы ссылаются на --lk-navy/--lk-gold */
    --lk-gold: var(--lk-accent);
    --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;
  }
}