/* ============================================================================
   БитЛогистика — дизайн-токены v2 (единые для всех модулей).
   Источник значений: docs/design-audit.md §7 — «победители по частоте»,
   совместимые с DESIGN_SYSTEM.md и старым assets/tokens.css.

   Префикс --bl- обязателен: токены не пересекаются со стилями ядра Битрикс24
   (--ui-*, --bx-*) и со старыми безымянными токенами (--accent, --bg, …).
   Старый tokens.css продолжает работать; миграция — docs/design-migration.md.

   Правила:
   - в коде ТОЛЬКО var(--bl-*), хардкод цветов/размеров запрещён;
   - тёмная тема — класс .theme-dark или [data-theme="dark"] на html/body;
   - для печати/PDF этот файл НЕ подключать (mPDF не понимает var()) —
     печатный слой отдельный: design-system/print.css.
   ========================================================================== */

:root {
	/* ---------- Бренд ---------- */
	--bl-accent: #005caa;          /* фирменный синий (кнопки, ссылки, активные состояния) */
	--bl-accent-soft: #e6f1fa;     /* фон акцентных плашек, hover строк */
	--bl-accent-bd: #b3d1ea;       /* акцентные границы, вторичная заливка графиков */
	--bl-accent-contrast: #ffffff; /* текст на акцентной заливке */

	/* ---------- Нейтральные (шкала slate; gray-семью #6b7280/#e5e7eb не используем) */
	--bl-bg: #f1f5f9;              /* фон страницы и инпутов */
	--bl-surface: #ffffff;         /* карточки, поверхности */
	--bl-surface-2: #f8fafc;       /* подложка секций, зебра таблиц */
	--bl-border: #e2e8f0;          /* границы, разделители */
	--bl-border-strong: #cbd5e1;   /* границы контролов в фокус-зоне, разделители таблиц */
	--bl-text: #0f172a;            /* основной текст */
	--bl-text-2: #374151;          /* вторичный текст (вместо #333/#555) */
	--bl-muted: #64748b;           /* подписи, вторичные значения */
	--bl-muted-2: #94a3b8;         /* плейсхолдеры, оси графиков, иконки (вместо #888/#999) */

	/* ---------- Базовая семантика ---------- */
	--bl-good: #0ea371;   --bl-good-soft: #dcfce7;
	--bl-bad: #e11d48;    --bl-bad-soft: #fee2e2;
	--bl-warn: #d97706;   --bl-warn-soft: #fff6e5;
	--bl-info: #0891b2;   --bl-info-soft: #e5f6fb;

	/* ---------- Статусы процессов — ЕДИНЫЕ для всех модулей ----------
	   Смысловая карта (см. скилл bitlogistika-design):
	   «в работе» → синий · «выполнено» → зелёный · «просрочено» → красный ·
	   «ожидает оплаты» → янтарный · «отменено/не используется» → серый. */
	--bl-st-progress: var(--bl-accent);   --bl-st-progress-soft: var(--bl-accent-soft);
	--bl-st-done: var(--bl-good);         --bl-st-done-soft: var(--bl-good-soft);
	--bl-st-overdue: var(--bl-bad);       --bl-st-overdue-soft: var(--bl-bad-soft);
	--bl-st-payment: var(--bl-warn);      --bl-st-payment-soft: var(--bl-warn-soft);
	--bl-st-cancelled: var(--bl-muted);   --bl-st-cancelled-soft: #eef2f6;

	/* ---------- Спец-роли производства (из DESIGN_SYSTEM) ---------- */
	--bl-load: #0ea371;   --bl-load-soft: #e7f7f0;    /* загрузка */
	--bl-unload: #7c3aed; --bl-unload-soft: #f1ebfe;  /* выгрузка */

	/* ---------- Типографика ---------- */
	--bl-font: "Helvetica Neue", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--bl-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	--bl-fs-h1: 28px;       /* крупная метрика, заголовок отчёта верхнего уровня */
	--bl-fs-h2: 22px;       /* заголовок раздела */
	--bl-fs-h3: 17px;       /* заголовок экрана/карточки */
	--bl-fs-h4: 15px;       /* заголовок блока */
	--bl-fs-body: 13px;     /* основной текст (частотный победитель) */
	--bl-fs-sm: 12px;       /* вторичный текст, ячейки-подписи */
	--bl-fs-caption: 11px;  /* подписи полей, оси, примечания */
	--bl-lh: 1.5;

	/* ---------- Отступы (сетка 4px) ---------- */
	--bl-sp-1: 4px;
	--bl-sp-2: 8px;
	--bl-sp-3: 12px;
	--bl-sp-4: 16px;
	--bl-sp-5: 20px;
	--bl-sp-6: 24px;
	--bl-sp-8: 32px;
	--bl-sp-10: 40px;

	/* ---------- Радиусы ---------- */
	--bl-r-sm: 6px;         /* чипы, мелкие контролы */
	--bl-r-md: 8px;         /* инпуты, кнопки, бейджи-прямоугольники */
	--bl-r-lg: 10px;        /* внутренние панели, плитки */
	--bl-r-card: 14px;      /* карточки-секции */
	--bl-r-pill: 999px;     /* пилюли */

	/* ---------- Тени и фокус ---------- */
	--bl-shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 8px 24px -16px rgba(15, 23, 42, .18);
	--bl-shadow-pop: 0 8px 24px rgba(15, 23, 42, .14);   /* модалки, поповеры */
	--bl-scrim: rgba(15, 23, 42, .45);                   /* подложка под модалкой */
	--bl-focus-ring: 0 0 0 3px var(--bl-accent-soft);
}

/* ---------- Тёмная тема (значения зеркальны старому tokens.css) ---------- */
.theme-dark,
[data-theme="dark"] {
	--bl-accent: #5b8cff;
	--bl-accent-soft: #16223c;
	--bl-accent-bd: #273a63;
	--bl-accent-contrast: #0b1220;

	--bl-bg: #0b1220;
	--bl-surface: #111a2e;
	--bl-surface-2: #0e1626;
	--bl-border: #1f2c45;
	--bl-border-strong: #2b3a58;
	--bl-text: #e8eefb;
	--bl-text-2: #c1cde4;
	--bl-muted: #8aa0c4;
	--bl-muted-2: #5f7398;

	--bl-good: #34d399;   --bl-good-soft: #10261f;
	--bl-bad: #fb7185;    --bl-bad-soft: #2c1520;
	--bl-warn: #fbbf24;   --bl-warn-soft: #2a2110;
	--bl-info: #22d3ee;   --bl-info-soft: #0e2430;

	--bl-st-cancelled-soft: #16203440;

	--bl-load: #34d399;   --bl-load-soft: #10261f;
	--bl-unload: #a78bfa; --bl-unload-soft: #1c1633;

	--bl-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 30px -18px rgba(0, 0, 0, .7);
	--bl-shadow-pop: 0 12px 30px rgba(0, 0, 0, .55);
	--bl-scrim: rgba(0, 0, 0, .62);
}