/* Токены дизайна по брендбуку Алабуги (docs/brand/БРЕНД.md).
   Правило: белый фон, чёрный текст, заголовки navy; синий и голубой только акценты и знак.
   Светлая тема по умолчанию. Тёмная только по переключателю (data-theme="dark", хранится в localStorage),
   за prefers-color-scheme не следуем. */
:root{
  --font: "PT Sans", "Muller", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-head: "Muller", "PT Sans", -apple-system, "Segoe UI", Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  /* фирменные цвета: четыре основных и шесть дополнительных */
  --brand-navy: #283A97; --brand-blue: #005DAC; --brand-cyan: #00AEEF; --brand-sky: #6ACFF6;
  --brand-ink: #2B2F87; --brand-blue-2: #0083CA; --brand-cyan-2: #00C2F3;
  --brand-sky-2: #97DAF8; --brand-sky-3: #B9E5FB; --brand-sky-4: #D9F1FD;
  /* поверхности: белый фон, нейтральные светло-серые панели и линии */
  --bg: #ffffff; --panel: #ffffff; --panel-2: #f4f5f7; --panel-3: #e9ebee; --line: #e3e6ea; --line-strong: #c9ced5;
  --text: #111111; --muted: #5f6368; --faint: #9aa0a6;
  --heading: var(--brand-navy);       /* заголовки страниц и разделов */
  --brand-word: #111111;              /* слово «алабуга» в шапке */
  --link: var(--brand-blue);
  --accent: var(--brand-blue);        /* активный пункт, подчёркивание вкладки, фокус */
  --accent-hover: var(--brand-navy);
  --accent-soft: var(--brand-sky-4);  /* голубой тинт: пузырь пользователя, активный пункт, подсказка. Точечно */
  --accent-text: var(--brand-blue);   /* текст активного пункта на тинте (в тёмной теме голубой): без отдельных правил под data-theme */
  --on-accent: #ffffff;
  --primary: var(--brand-navy); --primary-hover: var(--brand-blue); --on-primary: #ffffff;
  --fill: var(--brand-cyan);          /* заполнение полосок лимитов */
  --info: var(--brand-blue-2); --ok: #1f8a5b; --warn: #b7791f; --danger: #c8443c; --danger-soft: #fbe6e4;
  --ok-soft: #e3f3ea; --warn-soft: #fbefd9;
  --user-bubble: var(--brand-sky-4); --assistant-bubble: transparent;
  --radius: 8px; --radius-lg: 12px; --radius-sm: 6px; /* элементы 8, карточки 12, бейджи 999 (ДС §2) */
  --shadow: 0 1px 2px rgba(0,0,0,.05), 0 6px 20px rgba(0,0,0,.08);
  --focus: 0 0 0 3px rgba(0,174,239,.28);
  --sidebar-w: 280px; --right-w: 320px; --header-h: 52px; --page-w: 1100px; --content-w: 720px; --panel-gap: 32px;
  --fs: 15px; --fs-sm: 13px; --fs-xs: 12px; --lh: 1.5;
  --logo-seg-1: var(--brand-navy); --logo-seg-2: var(--brand-blue); --logo-seg-3: var(--brand-cyan); --logo-seg-4: var(--brand-sky);
  color-scheme: light;
}
/* тёмная тема: нейтральная, почти чёрная; синий только в акцентах, никаких navy-фонов */
:root[data-theme="dark"]{
  --bg: #141414; --panel: #1c1c1c; --panel-2: #262626; --panel-3: #303030; --line: #333333; --line-strong: #4a4a4a;
  --text: #ececec; --muted: #a8a8a8; --faint: #6f6f6f;
  --heading: #ffffff; --brand-word: #ffffff;
  --link: var(--brand-sky);
  --accent: var(--brand-cyan); --accent-hover: var(--brand-cyan-2); --accent-soft: #17262d; --accent-text: var(--brand-sky); --on-accent: #0b0b0b;
  --primary: var(--brand-blue); --primary-hover: var(--brand-blue-2); --on-primary: #ffffff;
  --fill: var(--brand-cyan);
  --info: var(--brand-sky); --ok: #4fc08a; --warn: #d9a441; --danger: #e8746b; --danger-soft: #3a1f1d;
  --ok-soft: #163526; --warn-soft: #3a2e14;
  --user-bubble: #22313a;
  --shadow: 0 1px 2px rgba(0,0,0,.5), 0 6px 20px rgba(0,0,0,.45);
  --focus: 0 0 0 3px rgba(0,174,239,.35);
  --logo-seg-1: #ffffff; --logo-seg-2: #ffffff; --logo-seg-3: #ffffff; --logo-seg-4: #ffffff;
  color-scheme: dark;
}