/*
  ДИЗАЙН-ТОКЕНЫ — единственное место, где меняется «лицо» приложения.
  Хотите другой фирменный цвет, скругления или шрифт — правьте только этот файл:
  site.css (кабинет) и public.css (публичная форма) берут значения отсюда.
  Тёмная тема включается атрибутом data-bs-theme="dark" на <html> (его ставит js/theme.js по настройке системы).
*/
:root {
  /* --- бренд --- */
  --c-brand: #3b5bdb;
  --c-brand-2: #7048e8;            /* второй цвет градиента */
  --c-brand-hover: #2f4cc4;
  --c-brand-soft: #edf0ff;         /* светлая подложка под бренд (активный пункт, бейдж) */
  --c-brand-rgb: 59, 91, 219;

  /* --- нейтральные --- */
  --c-bg: #f4f6fb;                 /* фон страницы */
  --c-surface: #ffffff;            /* карточки, шапка, поля */
  --c-surface-2: #f8f9fd;          /* заголовки таблиц, вложенные блоки */
  --c-text: #1c2434;
  --c-muted: #6b7488;
  --c-line: #e3e7f0;               /* границы */
  --c-line-strong: #cfd5e3;

  /* --- состояния --- */
  --c-ok: #2f9e44;
  --c-warn: #f08c00;
  --c-danger: #e03131;
  --c-info: #1c7ed6;

  /* --- форма --- */
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(20, 30, 70, .06);
  --shadow: 0 8px 24px rgba(20, 30, 70, .07);
  --shadow-lg: 0 16px 40px rgba(20, 30, 70, .12);
  --gradient-brand: linear-gradient(135deg, var(--c-brand), var(--c-brand-2));

  /* --- типографика --- */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  /* --- размеры --- */
  --tap: 44px;                     /* минимальная высота элемента под палец */
  --gutter: 16px;                  /* боковые поля на телефоне */
  --nav-h: 60px;
  --bp-stack: 768px;               /* ниже — таблицы становятся карточками (дублируется в site.css) */
}

[data-bs-theme="dark"] {
  --c-brand: #7c93ff;
  --c-brand-2: #a98bff;
  --c-brand-hover: #94a6ff;
  --c-brand-soft: #1d2540;
  --c-brand-rgb: 124, 147, 255;

  --c-bg: #0f1420;
  --c-surface: #171d2c;
  --c-surface-2: #1c2335;
  --c-text: #e8ecf5;
  --c-muted: #97a1b8;
  --c-line: #283049;
  --c-line-strong: #36405e;

  --c-ok: #51cf66;
  --c-warn: #fcc419;
  --c-danger: #ff6b6b;
  --c-info: #4dabf7;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);
  --shadow: 0 8px 24px rgba(0, 0, 0, .35);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, .5);
}