/* Дизайн-токены — тёмная iOS 26. Только системные цвета, без тонировки. */
:root {
  /* Фоны */
  --bg: #000000;            /* экран */
  --surface-1: #1C1C1E;     /* панели, списки, завеса 18+ */
  --surface-2: #2C2C2E;     /* ячейки внутри панелей */
  --bubble: #262628;        /* пузырь запроса */
  --control: #3A3A3C;       /* кнопки, сегменты, трек ползунка */
  --separator: #38383A;     /* линии 0.5px */

  /* Текст */
  --text: #FFFFFF;
  --text-secondary: #8E8E93;

  /* Акцент и состояния */
  --accent: #0A84FF;        /* отправка, выбор, прогресс, свитчи */
  --danger: #FF453A;        /* только ошибки */

  /* Шрифт */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
  --fs-large: 34px;         /* крупный заголовок (Альбом) */
  --fs-title: 17px;         /* заголовок, основной текст */
  --fs-sub: 15px;
  --fs-foot: 13px;          /* сноски, подписи разделов */
  --fs-caption: 12px;       /* тех. данные под кадрами */

  /* Скругления */
  --r-bubble: 18px;
  --r-group: 18px;          /* группа кадров в ленте */
  --r-list: 10px;           /* списки настроек */
  --r-sheet: 34px;          /* выезжающий лист */
  --r-pill: 999px;          /* всё плавающее */

  /* Зазор между кадрами */
  --frame-gap: 2px;
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
}