/* ==========================================================================
   ТОКЕНЫ ДИЗАЙНА — единственное место, где живёт визуальный язык веба
   (аналог desktop\Ui.cs). Источник: дизайн-промт пользователя, 14.07.2026.
   Строгий профессиональный минимализм; яркость — акцент, не стиль.
   Две темы: светлая (по умолчанию) и тёмная ([data-theme="dark"]).
   ========================================================================== */

:root {
  /* --- фон и поверхности (светлая: тёплый белый) --- */
  --bg:            #fafaf9;
  --surface:       #ffffff;
  --surface-2:     #f5f5f4;   /* шапки таблиц, полосы */
  --surface-hover: #f1f0ee;

  /* --- текст (угольный + ступени) --- */
  --text:          #1a1a1a;
  --text-2:        #57534e;   /* вторичный */
  --text-3:        #a8a29e;   /* третичный */
  --text-inv:      #ffffff;

  /* --- ОДИН акцент: глубокий индиго, только действие/фокус/актив --- */
  --accent:        #4f46e5;
  --accent-hover:  #4338ca;
  --accent-soft:   #eef2ff;   /* фон активного пункта, выделения строк */
  --accent-glow:   rgba(79, 70, 229, .22);  /* деликатное свечение кнопки/нав */

  /* --- статусы: насыщенные, не кричащие; всегда с иконкой/текстом --- */
  --ok:            #16803c;
  --ok-soft:       #e8f5ec;
  --warn:          #b45309;
  --warn-soft:     #fdf3e3;
  --err:           #b91c1c;
  --err-soft:      #fdecea;

  /* --- линии и геометрия: тонко, 1px, скругления 6–8 --- */
  --border:        #e7e5e4;
  --border-strong: #d6d3d1;
  --radius:        8px;
  --radius-sm:     6px;

  /* --- шрифты: гротеск + моно для номеров/дат/кодов --- */
  --font:          "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono:     "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  /* --- размеры --- */
  --fs:            14px;
  --fs-sm:         12.5px;
  --fs-h1:         18px;
  --fs-h2:         15px;
  --sidebar-w:     232px;

  color-scheme: light;
}

[data-theme="dark"] {
  /* глубокая профессиональная ночная: тёмно-синий/угольный, НЕ чёрный */
  --bg:            #12161f;
  --surface:       #1a2030;
  --surface-2:     #212940;
  --surface-hover: #262f4a;

  --text:          #e8eaf0;
  --text-2:        #9aa3b5;
  --text-3:        #626b7d;
  --text-inv:      #ffffff;

  --accent:        #7b74f0;   /* тот же индиго, чуть ярче для тёмного фона */
  --accent-hover:  #928cf4;
  --accent-soft:   #262a4d;
  --accent-glow:   rgba(123, 116, 240, .28);

  --ok:            #4bbf6b;
  --ok-soft:       #17301f;
  --warn:          #e0a03c;
  --warn-soft:     #33270f;
  --err:           #e5645c;
  --err-soft:      #391716;

  --border:        #2a3245;
  --border-strong: #39425a;

  color-scheme: dark;
}