/* Единые значения для обеих половин сайта: посадочных и документации.

   Зачем файл. Посадочные собираются шаблоном вне темы Material, документация —
   темой. До этого каждая половина держала свой цвет, кегль и межстрочный
   интервал, и переход между ними был заметен: разный фон, разный размер текста,
   разная плотность строк.

   Правило. Значения задаются только здесь. `landing.css` раскладывает их по
   своим переменным, `extra.css` — по переменным темы Material. Меняя цвет или
   кегль, править нужно этот файл, а не оба сразу.

   Подключается: mkdocs.yml → extra_css (документация) и material/overrides/
   landing.html (посадочные). В обоих случаях первым, до остальных стилей. */

:root {
  /* ── Фирменный цвет ── */
  --bt-primary: #5C6BF2;
  --bt-primary-deep: #4651B8;
  /* Подложки полупрозрачные: ложатся и на белое полотно, и на серую полосу,
     не сливаясь ни с одной. Вторая — состояние наведения. */
  --bt-primary-tint: #B2BAFF25;
  --bt-primary-tint-2: #B2BAFF40;

  /* ── Поверхности ──
     canvas — фон страницы, soft — чередующаяся полоса и врезки,
     night — тёмная полоса с формой и подвал. */
  --bt-canvas: #fcfdff;
  --bt-canvas-soft: #f1f3f9;
  --bt-night: #1b2033;

  /* ── Линии ── */
  --bt-hairline: #e3e7ef;
  --bt-hairline-strong: #cdd3e0;

  /* ── Чернила ──
     ink — заголовки, ink-2 — основной текст, mute — подписи и сноски. */
  --bt-ink: #0c1128;
  --bt-ink-2: #4e5570;
  --bt-mute: #7a8299;

  /* ── Типографика ──
     Кегль задан в rem, чтобы уважать настройку размера шрифта в браузере.
     На посадочных 1rem = 16 px, в документации Material поднимает корень
     до 125 %, поэтому там базой служит 0.8rem — те же 16 px. */
  --bt-font: "Noto Sans", "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /* Заголовочное начертание фирменного стиля. Одно, SemiBold. */
  --bt-font-header: "TikTok Sans", "Noto Sans", "Inter", Arial, sans-serif;
  --bt-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
  /* Шрифт текста документации. На посадочных не используется. */
  --bt-font-serif: "Literata", "Georgia", "Times New Roman", serif;

  /* Межстрочный интервал текста в потоке. Одно значение на весь сайт:
     именно на нём разница между половинами читалась сильнее всего. */
  --bt-leading: 1.5;
  /* Плотные строки: карточки, подписи, служебные надписи. */
  --bt-leading-tight: 1.33;

  /* ── Шкала отступов ──
     Жила в landing.css, поднята сюда: подвал общий для посадочных и
     документации, а landing.css на документации не подключается. */
  --s-xs: 4px;
  --s-sm: 8px;
  --s-md: 12px;
  --s-lg: 16px;
  --s-xl: 24px;
  --s-xxl: 32px;
  --s-huge: 64px;

  /* ── Скругления ── */
  --r-md: 8px;
  --r-full: 9999px;
}