/* МКА Project — дизайн-токены. Ревизия C (2026-07-09), полная замена.
   Единственный эталон значений: docs/design/00-reference/manager.html
   (экспорт «01-projects/manager»).
   Единственный файл проекта с литеральными цветами.
   Пометки: [D] — значение выведено (в эталоне не встречалось),
            [C] — кластеризация разброса, [K] — конфликт решён эталоном. */

:root {
  /* ---- Шрифт ---- */
  --font-ui: 'Inter', system-ui, -apple-system, sans-serif;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* ---- Типографика (литеральные размеры эталона; решение «+25%»
     от 2026-07-08 отменено ревизией C) ---- */
  --fs-nano:   9px;   /* [D: 02-project] время в компакт-чате, мини-бейджи */
  --fs-micro:  10px;  /* бейджи НОВЫЙ/СРОЧНЫЙ, пилюли услуг, инициалы */
  --fs-label:  11px;  /* заголовки таблиц (uppercase), строка док-статусов */
  --fs-small:  12px;  /* статус-бейджи, адрес, пагинация, имя в сайдбаре */
  --fs-chip:   13px;  /* [D: 01-staff] segmented-переключатель крупный */
  --fs-body:   14px;  /* текст таблиц, кнопки, инпуты, пункты меню */
  --fs-button-lg: 16px; /* [D: 05-kp/client] CTA «Согласовать» */
  --fs-title:  18px;  /* h1 в шапке, логотип, заголовки модалок */
  --fs-icon:   20px;  /* иконки меню и панелей (text-xl) */
  --fs-page-title: 24px; /* [D: 01-client, 02-project] h1 в контенте */
  --fs-hero:   30px;  /* [D: 05-kp/review] h1 клиентской приёмки */
  --lh-none:    1;
  --lh-normal:  1.5;
  --lh-relaxed: 1.625; /* [D: чат-пузыри] */
  --ls-wide:  0.05em;  /* uppercase-подписи (tracking-wider) */
  --ls-tight: -0.025em; /* логотип, крупные заголовки */

  /* ---- Поверхности ---- */
  --bg-page:    #1c1c20;
  --bg-sidebar: #161619;  /* топбар клиента — на --bg-page */
  --bg-card:    #252529;
  --bg-inset:   #161619;  /* инпуты, вложенные плитки, треки segmented */
  --bg-chip:    #2e2e32;  /* логотип-тайл, тёмные кнопки, иконки файлов */
  --bg-hover:   #3e3e42;  /* [C: #3e3e42 (02-project) + #3f3f46/zinc-700 (05-kp)] */
  --bg-active:  #252529;  /* активный пункт меню, активная страница пагинации */
  --bg-row-hover:      rgba(46, 46, 50, 0.30);
  --bg-row-hover-soft: rgba(46, 46, 50, 0.20); /* [D: 01-client, ряд-CTA] */
  --bg-row-pinned:     rgba(46, 46, 50, 0.10); /* [D: 01-staff, закреп] */
  --bg-row-selected:   rgba(46, 46, 50, 0.40); /* выбранная строка (staff) */
  --bg-inset-soft:     rgba(22, 22, 25, 0.60); /* [D: 02-modal, превью-строки] */

  /* ---- Границы ---- */
  --border-hairline: #2e2e32;
  --border-avatar:   #252529;  /* кольцо аватаров в стеке = фон карточки */
  --border-hover:    #71717a;  /* ховер рамок (hover:border-zinc-500 эталона)
                                  [C: сюда же #4b5563 и zinc-700 из 05-kp] */
  --border-focus:    #71717a;  /* фокус инпутов (focus:border-zinc-500) */

  /* ---- Текст ---- */
  --text-primary:   #f0f0f0;
  --text-bright:    #ffffff;
  --text-secondary: #a1a1aa;  /* [C: плейсхолдер #9ca3af из экспорта → сюда] */
  --text-inverse:   #18181b;  /* текст светлой primary-кнопки (zinc-900) */

  /* ---- Кнопки ---- */
  --btn-primary-bg:       #f4f4f5;
  --btn-primary-bg-hover: #ffffff;

  /* ---- Бейджи: светлая плашка + тёмный текст (пары эталона) ---- */
  --badge-sage-bg:     #dcfce7;  --badge-sage-text:     #166534;
  --badge-butter-bg:   #fef9c3;  --badge-butter-text:   #854d0e;
  --badge-peach-bg:    #ffedd5;  --badge-peach-text:    #9a3412;
  --badge-lavender-bg: #e0e7ff;  --badge-lavender-text: #4338ca;
  --badge-steel-bg:    #f1f5f9;  --badge-steel-text:    #475569;

  /* ---- Статусы проекта (строки эталона; маппинг един для всех ролей [K]) ---- */
  --status-draft:         var(--badge-butter-text);   /* «Заявка» */
  --status-draft-bg:      var(--badge-butter-bg);
  --status-quoted:        #fef9c3;                    /* «КП отправлено»: тёмный тинт */
  --status-quoted-bg:     rgba(254, 249, 195, 0.20);
  --status-quoted-border: rgba(254, 249, 195, 0.30);
  --status-work:          var(--badge-steel-text);    /* «В работе» */
  --status-work-bg:       var(--badge-steel-bg);
  --status-review:        var(--badge-lavender-text); /* «На приёмке» */
  --status-review-bg:     var(--badge-lavender-bg);
  --status-accepted:      var(--badge-sage-text);     /* «Принят» */
  --status-accepted-bg:   var(--badge-sage-bg);
  --status-closed:        var(--badge-steel-text);    /* «Закрыт» */
  --status-closed-bg:     var(--badge-steel-bg);
  --status-closed-opacity: 0.78; /* эталон 0.60 давал 3.9:1 — минимальный
                                    подъём до порога 4.5:1 (этап 3.4) */
  --status-cancelled:        var(--text-secondary);   /* [D: в эталоне нет] */
  --status-cancelled-bg:     transparent;
  --status-cancelled-border: var(--border-hairline);

  /* ---- Статусы задач [D: 02-project «У коллег»] ---- */
  --task-todo:           var(--badge-butter-text);
  --task-todo-bg:        var(--badge-butter-bg);
  --task-inprogress:     var(--badge-steel-text);
  --task-inprogress-bg:  var(--badge-steel-bg);
  --task-done:           var(--badge-sage-text);
  --task-done-bg:        var(--badge-sage-bg);

  /* ---- Услуги (пилюли; маппинг строк эталона [K]) ---- */
  --service-npm:            var(--badge-sage-text);     /* НПМ */
  --service-npm-bg:         var(--badge-sage-bg);
  --service-vpm:            var(--badge-sage-text);     /* ВПМ — как НПМ, по эталону */
  --service-vpm-bg:         var(--badge-sage-bg);
  --service-viz:            var(--badge-steel-text);    /* Визуализация */
  --service-viz-bg:         var(--badge-steel-bg);
  --service-ifc:            var(--badge-lavender-text); /* IFC */
  --service-ifc-bg:         var(--badge-lavender-bg);
  --service-model_check:    var(--badge-peach-text);    /* Проверка модели */
  --service-model_check-bg: var(--badge-peach-bg);

  /* ---- Индикаторы строки проекта ---- */
  --badge-new-bg:      #dcd6f7;  /* отдельный лавандовый тон эталона [K] */
  --badge-new-text:    #4338ca;
  --badge-urgent-bg:   #fbe2d3;  /* отдельный персиковый тон эталона [K] */
  --badge-urgent-text: #9a3412;
  --notify:      #60a5fa;        /* точка непрочитанного (blue-400) [K] */
  --notify-glow: 0 0 8px rgba(96, 165, 250, 0.60); /* [D: 01-staff] */

  /* ---- Нейтральный акцент (zinc-600 моков): пустые пиктограммы,
     «+N» аватаров, точка «документа нет» ---- */
  --icon-ghost: #52525b;

  /* ---- Точки статусов документов [D: 02-project, шапка] ---- */
  --doc-dot-none: var(--icon-ghost);
  --doc-dot-risk: #f87171;
  --doc-dot-wait: #fb923c;
  --doc-dot-ok:   #34d399;  /* [D: emerald-акцент «Результатов»] */

  /* ---- Успех / ошибка [D] ---- */
  --success:    #34d399;
  --success-bg: rgba(6, 78, 59, 0.30);  /* тайл галки результата (emerald-900/30) */
  --error:      #f87171;

  /* ---- Аватары: пары 400/950 эталона ---- */
  --avatar-1-bg: #60a5fa;  --avatar-1-text: #172554; /* [C: выровнен к парам] */
  --avatar-2-bg: #34d399;  --avatar-2-text: #022c22;
  --avatar-3-bg: #c084fc;  --avatar-3-text: #3b0764;
  --avatar-4-bg: #facc15;  --avatar-4-text: #422006;
  --avatar-5-bg: #f472b6;  --avatar-5-text: #500724;
  --avatar-6-bg: #2dd4bf;  --avatar-6-text: #042f2e;
  --avatar-7-bg: #fb923c;  --avatar-7-text: #431407;
  --avatar-8-bg: #f87171;  --avatar-8-text: #450a0a;
  --avatar-9-bg: #94a3b8;  --avatar-9-text: #020617;
  --avatar-10-bg: #818cf8; --avatar-10-text: #1e1b4b;
  --avatar-more-bg: var(--icon-ghost); --avatar-more-text: #ffffff; /* «+N» */
  --avatar-self-bg: #fed7aa; --avatar-self-text: #7c2d12; /* юзер в сайдбаре */

  /* ---- Чат [D: 02-project + 03-chat] ---- */
  --chat-other-bg:   #161619;
  --chat-own-bg:     #2e2e32;
  --chat-own-border: transparent;
  --chat-file-bg:    #1c1c20;

  /* ---- Гант [D: экрана в референсах нет; палитра из аватарных акцентов] ---- */
  --gantt-p1: #818cf8;
  --gantt-p2: #34d399;
  --gantt-p3: #fb923c;
  --gantt-p4: #c084fc;
  --gantt-p5: #2dd4bf;
  --gantt-offday:  rgba(255, 255, 255, 0.03);
  --gantt-absence: rgba(192, 132, 252, 0.14);
  --gantt-done-opacity: 0.55;

  /* ---- Сотрудники: календарь отсутствий (docs/design/staff) ---- */
  --cal-out-text:    #3e3e42;                  /* дни чужого месяца [C: zinc-700 → кластер] */
  --cal-today-ring:  rgba(255, 255, 255, 0.40); /* кольцо «сегодня» */
  --cal-abs-vacation-bg: rgba(220, 252, 231, 0.10); /* отпуск: sage-тинт */
  --cal-abs-vacation:    #dcfce7;
  --cal-abs-other-bg:    rgba(255, 237, 213, 0.10); /* прочее: peach-тинт */
  --cal-abs-other:       #ffedd5;
  --cal-abs-sick-bg:     rgba(224, 231, 255, 0.10); /* больничный: lavender-тинт [D] */
  --cal-abs-sick:        #e0e7ff;
  --danger-soft:       #c48b7a; /* «Деактивировать пользователя» (staff_edit) */
  --danger-soft-hover: #d4a08e;

  /* ---- КП-документ: светлый бланк (05-kp/manager превью + печать) ---- */
  --doc-bg:     #ffffff;
  --doc-text:   #18181b;
  --doc-muted:  #71717a;
  --doc-label:  #71717a;  /* zinc-400 #a1a1aa из мока давал 2.5:1 на белом —
                             поднято до zinc-500 (5.1:1), правка этапа 3.4 */
  --doc-border: #f4f4f5;
  --doc-soft:   #fafafa;
  --doc-img:    #d4d4d8;
  --doc-icon:   #e4e4e7;
  --doc-plaque: #18181b;
  --doc-plaque-hover: #27272a;

  /* ---- Оверлеи и тени ---- */
  --overlay-modal:  rgba(0, 0, 0, 0.60); /* + backdrop-blur 4px в компоненте */
  --overlay-drawer: rgba(0, 0, 0, 0.40); /* [D: 03-chat] */
  --overlay-img-hover: rgba(0, 0, 0, 0.40); /* [D: 05-kp, ховер картинки] */
  --shadow-modal: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --shadow-drawer: var(--shadow-modal);
  --shadow-segmented: 0 2px 4px rgba(0, 0, 0, 0.20); /* [D: 01-staff] */

  /* ---- Радиусы ---- */
  --radius-xs:   4px;   /* мини-бейджи, пагинация, чекбоксы, тайлы иконок */
  --radius-sm:   8px;   /* статус-бейджи, инпут поиска, кнопки шапки, чипы,
                           логотип-тайл [C: сегмент-итемы 6px → 8px] */
  --radius-md:   12px;  /* пункты меню, инпуты модалок, плитки файлов,
                           dashed-зоны, кнопки-чипы, треки segmented */
  --radius-lg:   16px;  /* плитки задач (rounded-2xl), чат-пузыри */
  --radius-xl:   20px;  /* [D: 05-kp, вложенный светлый бланк] */
  --radius-card: 24px;  /* карточки, контейнер таблицы, модалки */
  --radius-full: 999px; /* пилюли услуг, аватары, точки */
  --radius-bubble-tail: 2px; /* [C: асимметричный угол пузыря 0/2px → 2px] */

  /* ---- Габариты каркаса ---- */
  --sidebar-w:   240px;
  --header-h:    64px;
  --content-pad: 40px;
  --content-max: 1440px; /* клиентский портал [D: 01-client] */
  --drawer-w:    420px;  /* [D: 03-chat] */
  --modal-w:     480px;  /* [D: 02-modal] */
  --modal-w-lg:  520px;  /* [D: 04-request] */
  --aside-w:     360px;  /* правая колонка карточки проекта [D: 02-project] */
  --chat-h:      320px;  /* встроенный чат [D: 02-project] */

  /* ---- Скроллбар ---- */
  --scrollbar-w: 6px;
  --scrollbar-thumb: #2e2e32;
}

/* Клиентский ремап: свой пузырь чата — тёмно-зелёный, чужой — карточный,
   аватар юзера — индиго (03-chat + 01-client). */
.role-client {
  --chat-own-bg:     #1e2e1e;
  --chat-own-border: #2a3a2a;
  --chat-other-bg:   #252529;
  --avatar-self-bg:  #c7d2fe;
  --avatar-self-text: #312e81;
}