/* СГЕНЕРИРОВАНО из resources/css/tokens.css скриптом scripts/sync-tokens.mjs — не редактировать */
/*
  WERP — дизайн-токены v3 (компактная палитра, префикс --werp-).
  Тема прежняя: светлая/тёмная не вводились; цвета — существующие «якорные» значения проекта.
  Единственный источник. Не править public/css/platform-tokens.css — он генерируется.
  Исключены по путям: печать, флаги; карта склада — в системе, старое в baseline.
*/
:root {

  /* ===== Нейтральные (серые) ===== */
  --werp-gray-0: #ffffff; /* белый: поверхности, текст на сплошных кнопках; исп.: 193; поглотил: #fbfefc, #fffdfb, #fcfbfd, #fefcfb, #fefdfb, #fefbfb, #fffaf3 */
  --werp-gray-50: #f8fafc; /* фон секций; исп.: 21; поглотил: #fbfcfe, #f7f9fb, #fbfcfd, #f4faf6, #f6f8fa, #f4f9fd, #f7fafc, #f8fbfd */
  --werp-gray-100: #f4f6f8; /* hover, soft-фон; исп.: 27; поглотил: #f5f7fa, #f4f8fb, #f4f8f6, #f4f7f8, #eef2f6, #f4f7fa */
  --werp-gray-150: #eef1f4; /* приглушённые бейджи/вкладки, светлые разделители; исп.: 29; поглотил: #eceff3, #e8edf3, #f1f5f9, #eef4f8 */
  --werp-gray-200: #dde2eb; /* основная граница; исп.: 73; поглотил: #e7eefc, #e4e9f0, #e3e9f0, #d7e0ea, #d7dee8, #d5dbe3, #e6ebf2, #e6e9ef, #d9e2ec, #d5dee8, #d5dbe6, #d5e3ee, #d5e0ea */
  --werp-gray-300: #c5ced8; /* граница полей/контролов; исп.: 21; поглотил: #b6bec9, #c5cedb, #c5d0dc, #c5ced9, #b7c0cc, #b7c2d0, #c5ceda, #c5ced6, #cfdbe8, #c5d4e0 */
  --werp-gray-400: #8d98a4; /* placeholder, слабый текст; исп.: 7; поглотил: #8a94a3, #94a3b8, #9aa5b1, #9aa6b2 */
  --werp-gray-500: #7d8b96; /* подписи; исп.: 18; поглотил: #8b95a5, #868e96, #8a94a3, #8b97a8 */
  --werp-gray-600: #5e6c84; /* вторичный текст (muted); исп.: 55; поглотил: #6c757d, #6b7280, #6b7785, #64748b, #6b7788, #627d95, #6d8496, #6a7c89 */
  --werp-gray-700: #52606d; /* текст бейджей/кнопок действий; исп.: 16; поглотил: #5c6770, #4b5563, #486581, #5c6b76, #4d6170 */
  --werp-gray-800: #3d4a54; /* тёмный вторичный текст; исп.: 8; поглотил: #3d4a5c, #495057, #4d5d6a, #3d4c58 */
  --werp-gray-900: #1f2933; /* основной текст (из двух близких #1f2937/#1f2933 взят более тёмный, чтобы контраст не упал); исп.: 77; поглотил: #1f2937, #243040, #343a40, #243038, #1e293b, #21252a */
  --werp-gray-950: #111827; /* самый тёмный текст, основа теней и оверлеев; исп.: 2 */

  /* ===== Сине-серый (заголовки) ===== */
  --werp-slate-900: #163047; /* заголовки (сине-серый, исходный #163047); исп.: 15; поглотил: #2c4658 */

  /* ===== Сайдбар / тёмные поверхности ===== */
  --werp-sidebar-bg: #1c1b22; /* фон сайдбара и auth; исп.: 3 */
  --werp-sidebar-deep: #0e141b; /* самые тёмные плашки (камера, тултип); исп.: 4; поглотил: #131415, #000000 */

  /* ===== Primary (зелёный) ===== */
  --werp-primary-50: #f1faf4; /* очень светлая подложка; исп.: 4; поглотил: #eef6f2 */
  --werp-primary-100: #e5f6ec; /* subtle-фон (бейдж «успех», выделение); исп.: 20; поглотил: #e7f6ec, #e3f3e9, #d7eee3 */
  --werp-primary-200: #b7d7c4; /* граница subtle; исп.: 3; поглотил: #b7d4c4 */
  --werp-primary-500: #1b7a48; /* основной (кнопки, акцент AG Grid); из пары #1f7a4d/#1b7a48 взят более тёмный — белый текст на кнопках не теряет контраст; исп.: 57; поглотил: #1f7a4d */
  --werp-primary-600: #15663c; /* hover; исп.: 37; поглотил: #146c43, #14663b, #14663c */
  --werp-primary-700: #115432; /* active / тёмная граница; исп.: 5; поглотил: #14663b */

  /* ===== Info (единая синяя семья; blue слит сюда в v3) ===== */
  --werp-info-100: #e7f1f8; /* subtle-фон; исп.: 31; поглотил: #e7f1ff, #e2eef6, #e4eef6, #e7edf3, #e7eef2, #eef3fe, #e7edf4, #e4ebf2, #eef4ff, #d7e8f7, #eef6ff, #d5e4ef, #e3ebf2 */
  --werp-info-200: #b7d4ea; /* граница subtle; исп.: 4; поглотил: #9db7e6, #c5d7f2 */
  --werp-info-500: #1a5f8a; /* основной info; исп.: 40; поглотил: #2457d6, #2f6fed, #2459c7, #3d6f91 */
  --werp-info-600: #154f74; /* hover / active; исп.: 33; поглотил: #1d4bb8, #1d4f91, #1f4f86, #154e73, #114263, #154f73, #124664 */

  /* ===== Warning (янтарный) ===== */
  --werp-warning-50: #fff6e5; /* самая светлая подложка предупреждения (исходный #fff6e5); исп.: 1 */
  --werp-warning-100: #fff4e5; /* subtle-фон; исп.: 14; поглотил: #ffedd5, #f3ebe3, #fff1dc, #f3eee4, #fff7ed, #ead9c4 */
  --werp-warning-200: #f0d7a4; /* граница subtle; исп.: 2; поглотил: #ead7bc */
  --werp-warning-500: #b45309; /* акцент (полоса слева); исп.: 1 */
  --werp-warning-700: #8a5a00; /* текст; исп.: 9; поглотил: #8a5a12 */
  --werp-warning-800: #6b5436; /* коричневый текст (бирки ячеек); исп.: 2 */

  /* ===== Danger (одна семья красного) ===== */
  --werp-danger-100: #fdecee; /* subtle-фон; исп.: 13; поглотил: #f8d7da, #f6e8ea, #fdecec */
  --werp-danger-200: #f1c2c6; /* граница subtle; исп.: 10; поглотил: #e7c4c8, #f3d0cb, #e7a8ae */
  --werp-danger-500: #dc3545; /* яркий (Bootstrap danger); исп.: 4; поглотил: #c23b3b */
  --werp-danger-600: #b02a37; /* основной danger; исп.: 16 */
  --werp-danger-700: #8f222c; /* hover / текст; исп.: 24; поглотил: #b42318, #9a3412, #9b2c2c, #92222d, #8a2430 */
  --werp-danger-800: #7a1d26; /* active / тёмная граница; исп.: 5; поглотил: #912018, #7a1b14 */

  /* ===== Violet ===== */
  --werp-violet-100: #eeeaf5; /* subtle-фон; исп.: 1 */
  --werp-violet-600: #6b4ea2; /* основной; исп.: 2 */
  --werp-violet-700: #5a4189; /* hover / граница; исп.: 3; поглотил: #4c3676, #5c428c */

  /* ===== Категориальная палитра (аватары organization-chart; вне основной системы, значения 1:1) ===== */
  --werp-cat-1: #1a5f8a; /* исп.: 1 */
  --werp-cat-2: #1f7a4d; /* исп.: 1 */
  --werp-cat-3: #8a5a00; /* исп.: 1 */
  --werp-cat-4: #6b4ea2; /* исп.: 1 */
  --werp-cat-5: #0f766e; /* исп.: 1 */
  --werp-cat-6: #b02a37; /* исп.: 1 */

  /* ===== Прозрачности: базовый цвет × α-ступень. Ступени: 6%, 12%, 18%, 24%, 35%, 55%, 75%, 92% ===== */
  --werp-gray-0-a06: color-mix(in srgb, var(--werp-gray-0) 6%, transparent); /* исп.: 3; было: rgba(255,255,255,0.08) */
  --werp-gray-0-a18: color-mix(in srgb, var(--werp-gray-0) 18%, transparent); /* исп.: 1; было: rgba(255,255,255,0.16) */
  --werp-gray-0-a24: color-mix(in srgb, var(--werp-gray-0) 24%, transparent); /* исп.: 1; было: rgba(255,255,255,0.22) */
  --werp-gray-0-a55: color-mix(in srgb, var(--werp-gray-0) 55%, transparent); /* исп.: 1; было: rgba(255,255,255,0.45) */
  --werp-gray-0-a75: color-mix(in srgb, var(--werp-gray-0) 75%, transparent); /* исп.: 1; было: rgba(255,255,255,0.75) */
  --werp-gray-0-a92: color-mix(in srgb, var(--werp-gray-0) 92%, transparent); /* исп.: 1; было: rgba(255,255,255,0.92) */
  --werp-gray-100-a75: color-mix(in srgb, var(--werp-gray-100) 75%, transparent); /* исп.: 1; было: rgba(242,242,242,0.68) */
  --werp-gray-900-a92: color-mix(in srgb, var(--werp-gray-900) 92%, transparent); /* исп.: 1; было: rgba(31,41,51,0.82) */
  --werp-gray-950-a35: color-mix(in srgb, var(--werp-gray-950) 35%, transparent); /* исп.: 2; было: rgba(15,23,42,0.45) */
  --werp-gray-950-a55: color-mix(in srgb, var(--werp-gray-950) 55%, transparent); /* исп.: 5; было: rgba(15,23,42,0.55) */
  --werp-gray-950-a92: color-mix(in srgb, var(--werp-gray-950) 92%, transparent); /* исп.: 1; было: rgba(17,24,39,0.92) */
  --werp-info-500-a24: color-mix(in srgb, var(--werp-info-500) 24%, transparent); /* исп.: 1; было: rgba(26,95,138,0.28) */
  --werp-info-500-a35: color-mix(in srgb, var(--werp-info-500) 35%, transparent); /* исп.: 6; было: rgba(26,95,138,0.35) */
  --werp-info-600-a24: color-mix(in srgb, var(--werp-info-600) 24%, transparent); /* исп.: 4; было: rgba(29,79,145,0.28) */
  --werp-primary-500-a24: color-mix(in srgb, var(--werp-primary-500) 24%, transparent); /* исп.: 1; было: rgba(27,122,72,0.22) */
  --werp-sidebar-bg-a92: color-mix(in srgb, var(--werp-sidebar-bg) 92%, transparent); /* исп.: 1; было: rgba(8,12,18,0.78) */
  --werp-sidebar-deep-a24: color-mix(in srgb, var(--werp-sidebar-deep) 24%, transparent); /* исп.: 1; было: rgba(0,0,0,0.2) */
  --werp-violet-600-a24: color-mix(in srgb, var(--werp-violet-600) 24%, transparent); /* исп.: 1; было: rgba(107,78,162,0.28) */

  /* ===== Семантические алиасы (не новые цвета, только имена-роли) ===== */
  --werp-color-surface: var(--werp-gray-0);
  --werp-color-surface-muted: var(--werp-gray-100);
  --werp-color-text: var(--werp-gray-900);
  --werp-color-text-muted: var(--werp-gray-600);
  --werp-color-text-inverse: var(--werp-gray-0);
  --werp-color-border: var(--werp-gray-200);
  --werp-color-border-strong: var(--werp-gray-300);
  --werp-color-primary: var(--werp-primary-500);
  --werp-color-primary-hover: var(--werp-primary-600);
  --werp-color-primary-active: var(--werp-primary-700);
  --werp-color-primary-subtle: var(--werp-primary-100);
  --werp-color-info: var(--werp-info-500);
  --werp-color-warning: var(--werp-warning-500);
  --werp-color-heading: var(--werp-slate-900);
  --werp-color-danger: var(--werp-danger-600);
  --werp-color-overlay: var(--werp-gray-950-a55);

  /* ===== Шрифты ===== */
  --werp-font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif; /* из resources/css/app.css; в панели Orchid действует шрифт Orchid */

  /* ===== Размер шрифта (px: 11 12 13 14 15 16 18 20 22 24 28 32) ===== */
  --werp-text-2xs: 0.6875rem; /* исп.: 7 */
  --werp-text-xs: 0.75rem; /* исп.: 50 */
  --werp-text-sm: 0.8125rem; /* исп.: 44 */
  --werp-text-md: 0.875rem; /* исп.: 33 */
  --werp-text-base: 0.9375rem; /* исп.: 29 */
  --werp-text-lg: 1rem; /* исп.: 40 */
  --werp-text-xl: 1.125rem; /* исп.: 19 */
  --werp-text-2xl: 1.25rem; /* исп.: 19 */
  --werp-text-3xl: 1.375rem; /* исп.: 5 */
  --werp-text-4xl: 1.5rem; /* исп.: 6 */
  --werp-text-5xl: 1.75rem; /* исп.: 4 */
  --werp-text-6xl: 2rem; /* исп.: 2 */

  /* ===== Насыщенность ===== */
  --werp-font-regular: 400; /* исп.: 2 */
  --werp-font-medium: 500; /* исп.: 11 */
  --werp-font-semibold: 600; /* исп.: 102 */
  --werp-font-bold: 700; /* исп.: 75 */
  --werp-font-extrabold: 800; /* исп.: 9 */

  /* ===== Межстрочный интервал (без изменений, см. вопросы) ===== */
  --werp-leading-none: 1; /* исп.: 13 */
  --werp-leading-tight: 1.2; /* исп.: 69 */
  --werp-leading-normal: 1.35; /* исп.: 80 */
  --werp-leading-relaxed: 1.45; /* исп.: 29 */

  /* ===== Отступы: шаг 4px (+ полушаги 2 и 6px) ===== */
  --werp-space-0: 0; /* исп.: 358 */
  --werp-space-0-5: 0.125rem; /* исп.: 65 */
  --werp-space-1: 0.25rem; /* исп.: 59 */
  --werp-space-1-5: 0.375rem; /* исп.: 90 */
  --werp-space-2: 0.5rem; /* исп.: 129 */
  --werp-space-3: 0.75rem; /* исп.: 202 */
  --werp-space-4: 1rem; /* исп.: 126 */
  --werp-space-5: 1.25rem; /* исп.: 40 */
  --werp-space-6: 1.5rem; /* исп.: 9 */
  --werp-space-8: 2rem; /* исп.: 6 */
  --werp-space-10: 2.5rem; /* исп.: 4 */
  --werp-space-12: 3rem; /* исп.: 1 */

  /* ===== Радиусы ===== */
  --werp-radius-none: 0; /* исп.: 30 */
  --werp-radius-xs: 0.25rem; /* исп.: 9 */
  --werp-radius-sm: 0.375rem; /* исп.: 22 */
  --werp-radius-md: 0.5rem; /* исп.: 53 */
  --werp-radius-lg: 0.75rem; /* исп.: 55 */
  --werp-radius-xl: 1rem; /* исп.: 1 */
  --werp-radius-pill: 999px; /* исп.: 28 */
  --werp-radius-circle: 50%; /* исп.: 2 */

  /* ===== Тени (3) и фокус-кольца (3) ===== */
  --werp-shadow-sm: 0 1px 2px color-mix(in srgb, var(--werp-gray-950) 12%, transparent); /* кнопки, мелкие плашки (blur ≤ 4px); исп.: 13 */
  --werp-shadow-md: 0 8px 24px color-mix(in srgb, var(--werp-gray-950) 12%, transparent); /* поповеры, дропдауны, карточки (blur 6–28px); исп.: 16 */
  --werp-shadow-lg: 0 18px 48px color-mix(in srgb, var(--werp-gray-950) 18%, transparent); /* модалки, панели, выдвижные слои (blur > 28px); исп.: 14 */
  --werp-ring-primary: 0 0 0 3px color-mix(in srgb, var(--werp-primary-500) 18%, transparent); /* исп.: 8 */
  --werp-ring-info: 0 0 0 3px color-mix(in srgb, var(--werp-info-500) 18%, transparent); /* исп.: 2 */
  --werp-ring-danger: 0 0 0 3px color-mix(in srgb, var(--werp-danger-500) 18%, transparent); /* исп.: 2 */

  /* ===== z-index (без изменений) ===== */
  --werp-z-1: 1; /* исп.: 6 */
  --werp-z-2: 2; /* исп.: 4 */
  --werp-z-3: 3; /* исп.: 3 */
  --werp-z-4: 4; /* исп.: 2 */
  --werp-z-5: 5; /* исп.: 1 */
  --werp-z-6: 6; /* исп.: 3 */
  --werp-z-menu: 20; /* исп.: 1 */
  --werp-z-dropdown: 40; /* исп.: 5 */
  --werp-z-sidebar: 1030; /* исп.: 1 */
  --werp-z-print-overlay: 1100; /* исп.: 3 */
  --werp-z-camera: 1200; /* исп.: 1 */
  --werp-z-locale-backdrop: 1390; /* исп.: 1 */
  --werp-z-locale: 1400; /* исп.: 1 */
  --werp-z-printer-request: 1600; /* исп.: 1 */
  --werp-z-label-check: 1700; /* исп.: 1 */
  --werp-z-select-dropdown: 2000; /* исп.: 2 */

  /* ===== Анимация (без изменений) ===== */
  --werp-duration-100: 0.1s; /* исп.: 5 */
  --werp-duration-120: 0.12s; /* исп.: 2 */
  --werp-duration-140: 0.14s; /* исп.: 7 */
  --werp-duration-150: 0.15s; /* исп.: 12 */
  --werp-duration-160: 0.16s; /* исп.: 6 */
  --werp-duration-180: 0.18s; /* исп.: 10 */
  --werp-duration-200: 0.2s; /* исп.: 5 */
  --werp-duration-220: 0.22s; /* исп.: 10 */
  --werp-duration-240: 0.24s; /* исп.: 1 */
  --werp-ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* исп.: 0 (значение --sidebar-ease) */
  --werp-ease-emphasized: cubic-bezier(0.16, 1, 0.3, 1); /* исп.: 4 */
}
