/* Токены UI kit «NexForm Enterprise»: цвета, шрифты, тени.
   Тёмная тема — основная (по умолчанию), светлая — соответствие цветов из UI kit.
   Тему выбирает js/theme-boot.js: атрибут data-theme="dark" | "light" у <html>. */

:root {
  /* Поверхности */
  --bg-base: #1A1A1C;        /* фон приложения */
  --bg-panel: #1E1E21;       /* шапка, панели, контейнер списка */
  --bg-work: #222225;        /* рабочая область, формы, диалоги */
  --bg-field: #29292D;       /* поля ввода, активный раздел */
  --bg-hover: #323236;       /* наведение, нейтральная метка */
  --bg-header: #252528;      /* заголовок таблицы, неактивные стрелки */
  --bg-tabs: #18181A;        /* панель открытых окон, глобальный поиск */
  --bg-disabled: #202023;
  --row-hover: #2A2A2E;

  /* Линии */
  --border: #44444A;         /* граница поля */
  --line: #303034;           /* разделители панелей */
  --line-inner: #36363A;     /* разделитель внутри поля, низ заголовка таблицы */
  --line-row: #2C2C30;       /* граница строки журнала */
  --line-row-soft: #26262A;  /* граница строки справочника */
  --separator: #3A3A3E;      /* разделители команд и меню */

  /* Текст */
  --text: #ECECEE;
  --text-2: #B4B4BA;         /* подписи, вторичный текст */
  --text-muted: #96969D;     /* служебный текст, плейсхолдеры */
  --text-disabled: #65656C;
  --mark: #77777F;           /* значок элемента справочника */

  /* Кнопки и меню */
  --btn: #2C2C30;
  --btn-border: #48484E;
  --btn-hover: #36363B;
  --btn-hover-border: #5A5A61;
  --btn-pressed: #1F1F22;
  --menu-active: #3A3A3F;
  --avatar: #3A3A3F;

  /* Акцент #2F6BE0 */
  --accent: #2F6BE0;
  --accent-hover: #487DE4;
  --accent-pressed: #2758B8;
  --accent-text: #86A9ED;
  --accent-soft: rgba(47, 107, 224, 0.18);
  --accent-softer: rgba(47, 107, 224, 0.09);
  --accent-line: rgba(47, 107, 224, 0.6);
  --on-accent: #FFFFFF;

  /* Статусы */
  --success: #34B27B;
  --success-text: #63D3A0;
  --success-soft: rgba(52, 178, 123, 0.16);
  --warning: #E3A33B;
  --warning-text: #F0BC62;
  --warning-soft: rgba(227, 163, 59, 0.15);
  --warning-softer: rgba(227, 163, 59, 0.1);
  --warning-line: rgba(227, 163, 59, 0.32);
  --error: #EF6B5F;
  --error-text: #F58C82;
  --error-soft: rgba(239, 107, 95, 0.15);
  --error-softer: rgba(239, 107, 95, 0.07);
  --error-field: rgba(239, 107, 95, 0.08);
  --error-line: rgba(239, 107, 95, 0.32);
  --error-border: rgba(239, 107, 95, 0.55);

  /* Ссылки */
  --link: #82A6EC;
  --link-hover: #A9C3F4;

  /* Тени и подложки */
  --shadow-menu: 0 8px 24px rgba(0, 0, 0, 0.45);
  --shadow-dialog: 0 18px 48px rgba(0, 0, 0, 0.6);
  --shadow-small: 0 1px 2px rgba(0, 0, 0, 0.35);
  --overlay: rgba(0, 0, 0, 0.6);
  --tooltip-bg: #E2E2E6;
  --tooltip-text: #1A1A1C;

  /* Шрифты: основной 13/18, моноширинный — суммы, коды, номера, даты */
  --font: 'Golos Text', 'Segoe UI', system-ui, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Категориальная палитра диаграмм — те же оттенки, шаги для тёмной поверхности. */
  --series-1: #3987e5;
  --series-2: #d95926;
  --series-3: #199e70;
  --series-4: #c98500;
  --series-5: #d55181;
  --series-6: #008300;
  --series-7: #9085e9;
  --series-8: #e66767;

  /* Табличный документ отчёта: лист, сетка, шапка, группировки по уровням, итог */
  --report-sheet: #1E1E21;
  --report-grid: #34343A;
  --report-head: #2E2B24;
  --report-group-1: #2A2721;
  --report-group-2: #25231F;
  --report-group-3: #222120;
  --report-total: #2E2B24;
  --report-outline: #6E6E76;
  --report-selected: rgba(47, 107, 224, 0.28);

  color-scheme: dark;
}

:root[data-theme="light"] {
  /* Категориальная палитра диаграмм (порядок фиксирован, проверен на различимость
     при нарушениях цветового зрения — dataviz validate_palette; светлая тема). */
  --series-1: #2a78d6;
  --series-2: #eb6834;
  --series-3: #1baf7a;
  --series-4: #eda100;
  --series-5: #e87ba4;
  --series-6: #008300;
  --series-7: #6250d6;
  --series-8: #e34948;

  --report-sheet: #FFFFFF;
  --report-grid: #DADADF;
  --report-head: #F3EDDA;
  --report-group-1: #FAF5E4;
  --report-group-2: #FCF9EF;
  --report-group-3: #FEFCF7;
  --report-total: #F3EDDA;
  --report-outline: #9A9AA2;
  --report-selected: rgba(47, 107, 224, 0.2);

  --bg-base: #E6E6E9;
  --bg-panel: #F5F5F7;
  --bg-work: #FFFFFF;
  --bg-field: #FFFFFF;
  --bg-hover: #E9E9ED;
  --bg-header: #F0F0F3;
  --bg-tabs: #E8E8EB;
  --bg-disabled: #F0F0F2;
  --row-hover: #F3F3F6;

  --border: #C4C4CB;
  --line: #E3E3E7;
  --line-inner: #DCDCE1;
  --line-row: #EDEDF0;
  --line-row-soft: #EDEDF0;
  --separator: #D4D4DA;

  --text: #1C1C1F;
  --text-2: #55555C;
  --text-muted: #6E6E76;
  --text-disabled: #A5A5AC;
  --mark: #9A9AA3;

  --btn: #F7F7F9;
  --btn-border: #BFBFC7;
  --btn-hover: #ECECEF;
  --btn-hover-border: #9A9AA3;
  --btn-pressed: #E2E2E6;
  --menu-active: #E6E6EA;
  --avatar: #E6E6EA;

  --accent-hover: #2A60CA;
  --accent-pressed: #2553AF;
  --accent-text: #295EC5;
  --accent-soft: rgba(47, 107, 224, 0.12);
  --accent-softer: rgba(47, 107, 224, 0.06);
  --accent-line: rgba(47, 107, 224, 0.5);

  --success: #23995F;
  --success-text: #17784C;
  --success-soft: rgba(35, 153, 95, 0.12);
  --warning: #C27F12;
  --warning-text: #8C5806;
  --warning-soft: rgba(194, 127, 18, 0.12);
  --warning-softer: rgba(194, 127, 18, 0.08);
  --warning-line: rgba(194, 127, 18, 0.32);
  --error: #D9483C;
  --error-text: #B0362D;
  --error-soft: rgba(217, 72, 60, 0.12);
  --error-softer: rgba(217, 72, 60, 0.05);
  --error-field: rgba(217, 72, 60, 0.05);
  --error-line: rgba(217, 72, 60, 0.32);
  --error-border: rgba(217, 72, 60, 0.5);

  --link: #2A5EC5;
  --link-hover: #1E4AA0;

  --shadow-menu: 0 8px 24px rgba(16, 16, 24, 0.14);
  --shadow-dialog: 0 18px 48px rgba(16, 16, 24, 0.22);
  --shadow-small: 0 1px 2px rgba(16, 16, 24, 0.12);
  --overlay: rgba(16, 16, 24, 0.32);
  --tooltip-bg: #2C2C30;
  --tooltip-text: #F5F5F7;

  color-scheme: light;
}
