/* =====================================================================
   Палитра и размеры — единственное место, где задаются цвета.
   Подключают: программа учёта (templates/index.html, перед style.css) и три программы из папки
   «актуальные» (сервер добавляет вместе с static/css/tools-theme.css).
   ===================================================================== */
:root {
  /* ---- палитра: строгая светлая серо-голубая гамма (как таблицы 1С / Excel). Других цветов в файле нет,
     кроме палитры полос графика сроков (.g-bar.st-*) и логотипа. ---- */
  --bg: #eef2f6; /* фон страницы */
  --surface: #ffffff; /* блоки, поля, таблицы */
  --surface-2: #f4f7fa; /* мягкая заливка: подвал панели, строка-итог, кнопки */
  --surface-3: #e6ecf3; /* шапка таблицы, заголовок окна */
  --hover: #eef3f9; /* строка / пункт под мышью */
  --current: #d6e4f5; /* выбранная строка, активный переключатель */
  --grid: #dfe5ed; /* сетка ячеек, разделители внутри блока */
  --line: #c9d3df; /* рамки блоков и таблиц */
  --line-strong: #b9c6d6; /* рамки полей и кнопок */
  --line-hover: #9fb3cc; /* рамка при наведении, акцентная рамка окна */
  --text: #1c2737; /* основной текст, заголовки */
  --text-2: #33445a; /* второстепенный текст, шапка таблицы */
  --label: #4a5d78; /* подписи полей, названия разделов */
  --muted: #66788f; /* пояснения, значки */
  --faint: #98a6b8; /* пустое, неактивное */
  --accent-text: #16325c; /* текст выбранного пункта */
  --claude: #d97757; --claude-dark: #a65a3e; /* ёлка «дерева задач» — тёплый терракотовый в стиле Claude */
  --primary: #2563eb; --primary-hover: #1d4ed8; --primary-soft: #eff6ff; --primary-line: #93c5fd; --danger: #dc2626; --danger-soft: #fef2f2;
  --danger-line: #fecaca; --success: #059669; --success-soft: #ecfdf5; --success-line: #a8d8b7; --warning: #b45309; --warning-soft: #fffbeb;
  --viz-1: #2a78d6; --viz-2: #eb6834; --viz-3: #1baf7a; --viz-4: #eda100; /* ряды графиков экономики: выручка, переменные,
     постоянные, единовременные (проверенная палитра: различимы при дальтонизме; подписи — всегда текстом рядом) */
  --violet: #7c3aed; --violet-soft: #f5f3ff; --yellow: #ffd83f; /* кнопка по умолчанию в окнах 1С */
  --yellow-line: #c9a514; /* ---- тени ---- */
  --shadow: 0 1px 3px rgba(15,30,60,.08), 0 1px 2px rgba(15,30,60,.04); /* лёгкий объём у блоков */
  --shadow-md: 0 2px 8px rgba(15,30,60,.12); /* всплывающее: подсказки, меню */
  --shadow-lg: 0 12px 32px rgba(15,30,60,.22); /* панели, окна */
  --backdrop: rgba(15,23,42,.45); /* затемнение под окном */ /* ---- скругления: два ---- */
  --radius: 4px; /* блоки, панели, окна, плитки */
  --radius-sm: 2px; /* поля, кнопки, метки, ячейки, окна 1С */ /* ---- поля блоков: два ---- */
  --pad-y: 14px; --pad-x: 16px; /* обычный блок, панель, окно */
  --pad-sm-y: 8px; --pad-sm-x: 12px; /* плотный блок: шапки, плитки, строки окон 1С */
  --pad: var(--pad-y) var(--pad-x); --pad-sm: var(--pad-sm-y) var(--pad-sm-x); /* ---- текст: четыре стиля, как в главном меню, + таблицы ---- */
  --font: "Segoe UI", -apple-system, "Inter", Roboto, "Helvetica Neue", Arial, sans-serif; --font-table: Arial, "Segoe UI", sans-serif;
  --t-title: 17px; /* заголовок — как «Финансы» */
  --t-sect: 12px; /* раздел — как «ДЕНЬГИ» */
  --t-text: 14.5px; /* основной — как «Обзор» */
  --t-cap: 12px; /* подпись */
  --t-table: 13px; /* таблицы и окна 1С */ /* ---- график сроков ---- */
  --g-label: 380px; /* ширина колонки «Заказ» */
  --g-row: 80px; /* высота строки заказа */
  --g-line: var(--hover); /* линии дней */
  --g-line-week: var(--grid); /* линия понедельника */
  --g-weekend: rgba(148, 163, 184, .10); }