/* Токены темы по умолчанию (светлая). Значения переопределяются темой из БД через JS
   (style.setProperty на :root). Ни один компонент не должен использовать цвета/шрифты напрямую. */
:root {
  --c-font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --c-font-size: 16px;
  --c-radius: 10px;
  --c-space: 12px;
  --c-bg: #f4f6f9;
  --c-surface: #ffffff;
  --c-text: #1b1f27;
  --c-text-muted: #5b6472;
  --c-border: #d8dee8;
  --c-header-bg: #ffffff;
  --c-header-text: #1b1f27;
  --c-header-line: #2f6fed;
  --c-accent: #2f6fed;
  --c-accent-text: #ffffff;
  --c-accent-hover: #245cd0;
  --c-user-bg: #2f6fed;
  --c-user-text: #ffffff;
  --c-bot-bg: #ffffff;
  --c-bot-text: #1b1f27;
  --c-status-ok: #1f8a4c;
  --c-status-warn: #b26a00;
  --c-status-error: #c0392b;
  --c-focus: #2f6fed;
  --c-shadow: 0 4px 16px rgba(20, 30, 50, 0.10);
}

/* Авторский display:flex/grid перебивает UA-стиль [hidden]; без этого формы и панели видны всегда. */
[hidden] { display: none !important; }