/* Токены дизайн-системы Egel Admin (спека §2.1–2.3, STY-03). Значения переносятся буквально —
   их сверяет StyleLayerTests. Ровно три блока: светлая тема, тёмная тема (строго после светлой)
   и токены, не зависящие от темы. Других значений цвета в этом файле быть не должно. */

:root, [data-bs-theme="light"] {
  --egl-bg: #F3F5F8;
  --egl-surface: #FFFFFF;
  --egl-head: #F8FAFC;
  --egl-hover: #F5F8FF;
  --egl-text: #0F1A2A;
  --egl-muted: #5B6779;
  --egl-line: #E3E8EF;
  --egl-line-2: #CFD7E2;
  --egl-field: #FFFFFF;
  --egl-accent: #2F5BFF;
  --egl-accent-hover: #2449DB;
  --egl-accent-text: #FFFFFF;
  --egl-accent-soft: #EBF0FF;
  --egl-accent-line: #C9D6FF;
  --egl-ok: #178A57;
  --egl-ok-soft: #E5F5EC;
  --egl-warn: #985A00;
  --egl-warn-soft: #FDF2DF;
  --egl-danger: #C2362B;
  --egl-danger-soft: #FCEBEA;
  --egl-danger-solid: #C2362B;
  --egl-info: #2F5BFF;
  --egl-info-soft: #EBF0FF;
  --egl-neutral: #4A5566;
  --egl-neutral-soft: #EDF0F4;
  --egl-off: #A3ADBB;
  --egl-shadow: 0 12px 32px -12px rgba(15,26,42,.25);
  --egl-shadow-drawer: -24px 0 60px -20px rgba(15,26,42,.35);
  --egl-scrim: rgba(15,26,42,.42);
  --egl-skeleton: #E3E8EF;
  --egl-inset: #F6F8FB;
  --egl-map: #E9EEF5;
  --egl-map-line: #D6DEE9;
  --egl-console-bg: #0E1626;
  --egl-cat-1: #2F5BFF;
  --egl-cat-2: #7A5AF8;
  --egl-cat-3: #0E9384;
  --egl-cat-4: #C11574;
  --egl-cat-5: #B54708;
  --egl-cat-6: #475467;

  /* RGB-триплеты для утилит Bootstrap rgba(var(--bs-*-rgb), a): из HEX не вычисляются */
  --egl-text-rgb: 15,26,42;
  --egl-surface-rgb: 255,255,255;
  --egl-head-rgb: 248,250,252;
  --egl-accent-rgb: 47,91,255;
  --egl-accent-hover-rgb: 36,73,219;
  --egl-ok-rgb: 23,138,87;
  --egl-warn-rgb: 152,90,0;
  --egl-danger-rgb: 194,54,43;
  --egl-info-rgb: 47,91,255;
  --egl-neutral-rgb: 74,85,102;
  --egl-muted-rgb: 91,103,121;
}

[data-bs-theme="dark"] {
  --egl-bg: #0A101C;
  --egl-surface: #111A2B;
  --egl-head: #0E1626;
  --egl-hover: #152038;
  --egl-text: #E5EAF2;
  --egl-muted: #94A0B4;
  --egl-line: #1E2A3E;
  --egl-line-2: #2B3A54;
  --egl-field: #0E1626;
  --egl-accent: #7D96FF;
  --egl-accent-hover: #93A8FF;
  --egl-accent-text: #0A1028;
  --egl-accent-soft: rgba(125,150,255,.14);
  --egl-accent-line: rgba(125,150,255,.38);
  --egl-ok: #4FCB8C;
  --egl-ok-soft: rgba(79,203,140,.13);
  --egl-warn: #EBAE45;
  --egl-warn-soft: rgba(235,174,69,.13);
  --egl-danger: #FF7A6E;
  --egl-danger-soft: rgba(255,122,110,.13);
  --egl-danger-solid: #C2362B;
  --egl-info: #7D96FF;
  --egl-info-soft: rgba(125,150,255,.14);
  --egl-neutral: #A9B4C6;
  --egl-neutral-soft: rgba(169,180,198,.12);
  --egl-off: #4A566B;
  --egl-shadow: 0 16px 40px -12px rgba(0,0,0,.6);
  --egl-shadow-drawer: -24px 0 60px -20px rgba(0,0,0,.7);
  --egl-scrim: rgba(0,0,0,.55);
  --egl-skeleton: #1E2A3E;
  --egl-inset: #0D1524;
  --egl-map: #0E1828;
  --egl-map-line: #1A2740;
  --egl-console-bg: #070C16;
  --egl-cat-1: #7D96FF;
  --egl-cat-2: #A48BFF;
  --egl-cat-3: #3CCBB7;
  --egl-cat-4: #F070B8;
  --egl-cat-5: #F79009;
  --egl-cat-6: #98A2B3;

  --egl-text-rgb: 229,234,242;
  --egl-surface-rgb: 17,26,43;
  --egl-head-rgb: 14,22,38;
  --egl-accent-rgb: 125,150,255;
  --egl-accent-hover-rgb: 147,168,255;
  --egl-ok-rgb: 79,203,140;
  --egl-warn-rgb: 235,174,69;
  --egl-danger-rgb: 255,122,110;
  --egl-info-rgb: 125,150,255;
  --egl-neutral-rgb: 169,180,198;
  --egl-muted-rgb: 148,160,180;
}

/* Не зависят от темы. Сайдбар одинаков в обеих темах; консоль тёмная в обеих темах,
   цвета её строк — только --egl-console-* (не тоны статусов) */
:root {
  --egl-font-ui: 'Golos Text','Segoe UI',system-ui,sans-serif;
  --egl-font-mono: 'JetBrains Mono',ui-monospace,monospace;
  /* Масштаб шрифтов всего Admin UI: каждый font-size слоя пишется calc(Npx * var(--egl-font-scale)),
     корневой font-size html не трогаем — иначе вырастут rem-отступы Bootstrap (mb-3, g-2, p-2) */
  --egl-font-scale: 1.25;
  --egl-radius-xs: 5px;
  --egl-radius-sm: 6px;
  --egl-radius-btn-sm: 7px;
  --egl-radius: 8px;
  --egl-radius-md: 10px;
  --egl-radius-lg: 12px;
  --egl-radius-xl: 14px;
  --egl-control-h: 36px;
  --egl-control-h-sm: 30px;
  --egl-sidebar-w: 264px;
  --egl-topbar-h: 56px;
  --egl-shell-min-w: 1024px;
  --egl-z-popover: 30;
  --egl-sb-bg: #0B1A33;
  --egl-sb-text: rgba(255,255,255,.72);
  --egl-sb-strong: #FFFFFF;
  --egl-sb-muted: rgba(255,255,255,.55);
  --egl-sb-hover: rgba(255,255,255,.06);
  --egl-sb-active: rgba(47,91,255,.28);
  --egl-sb-line: rgba(255,255,255,.08);
  --egl-sb-badge-bg: #EBAE45;
  --egl-sb-badge-text: #1F1404;
  --egl-console-head: #111A2B;
  --egl-console-line: #1E2A3E;
  --egl-console-text: #D5DCE8;
  --egl-console-muted: #94A0B4;
  --egl-console-input: #7D96FF;
  --egl-console-error: #FF7A6E;
  --egl-console-warn: #EBAE45;
  --egl-console-info: #7D96FF;
  --egl-console-debug: #4FCB8C;
  --egl-console-verbose: #94A0B4;
}