/* tokens.css — ТЕМА сайта. Светлая палитра — :root, тёмная — :root[data-theme="dark"]; больше ничего.
   Сменить тему — заменить этот файл на /opt/tools/base/themes/<тема>.css
   (см. /opt/tools/base/base.md). Свой цвет клиента — только --brand и --on-brand, в обеих палитрах;
   контраст текста и фона ≥ 4.5 проверяет платформа. Тема: Классика. */
:root {
  color-scheme: light;
  --bg: #ffffff;
  --surface: #f5f7fb;
  --text: #0f172a;
  --muted: #475569;
  --border: #dbe1ea;
  --brand: #1d4ed8;
  --on-brand: #ffffff;
  --brand-soft: #dbeafe;
  --error: #dc2626;
  --wa: #25d366;
  --on-wa: #062b16;
  --font-head: "Manrope", "Segoe UI", system-ui, sans-serif;
  --font-body: "Inter", "Segoe UI", system-ui, sans-serif;
  --radius: 14px;
  --radius-sm: 8px;
  --space: 16px;
  --section: 64px;
  --container: 1120px;
  --tap: 48px;
  --shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}
/* Тёмная тема: включается по настройке устройства посетителя и кнопкой в шапке
   (/_qural/theme.js ставит data-theme). Только цвета и тень — шрифты и размеры выше. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0f1623;
  --surface: #172131;
  --text: #e6ebf2;
  --muted: #9fb0c4;
  --border: #2b3748;
  --brand: #7aa2ff;
  --on-brand: #0b1220;
  --brand-soft: #1b2b4a;
  --error: #f87171;
  --wa: #25d366;
  --on-wa: #062b16;
  --shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}