/* ==========================================================================
   AnySkills UI · шкалы
   --------------------------------------------------------------------------
   Отступы, шрифт, скругления и слои кабинета (решение владельца
   23.10.2026, артефакт 9ivF249veaJw8M1JAnQg9Q). Стили берут значения
   отсюда, а не придумывают своё; сторож apps/ui2/test_scale.py роняет
   тесты на числе вне шкалы, правила в docs/ui2/guide.md, «Шкалы».

   Отдельным файлом, а не в tokens.css: его грузит и старый вид
   (templates/base.html) и страницы без кабинета (оплата, письма,
   эфир), где tokens.css нет, а стили разделов уже берут имена шкал.
   Здесь только новые имена, чужие переменные он не трогает.
   ========================================================================== */

:root {
  /* Отступы, шаг 4px. Полушаги 0-5, 1-5, 2-5 только внутри мелких
     элементов: значок и подпись, метка, строка меню. */
  --sp-0-5: 0.125rem;
  --sp-1: 0.25rem;
  --sp-1-5: 0.375rem;
  --sp-2: 0.5rem;
  --sp-2-5: 0.625rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.25rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;

  /* Шрифт: у каждого размера одна роль. */
  --fs-xs: 0.75rem;                  /* метки, счётчики, буквы в кружках */
  --fs-sm: 0.8125rem;                /* подписи, пояснения, даты */
  --fs-dense: 0.875rem;              /* плотные списки: лента, задачи, доска */
  --fs-base: 0.9375rem;              /* текст, кнопки, поля */
  --fs-md: 1rem;                     /* малые заголовки; поля на телефоне */
  --fs-lg: 1.125rem;                 /* заголовки карточек и колонок */
  --fs-xl: 1.375rem;                 /* числа в сводках */
  --fs-2xl: 1.5rem;                  /* заголовок страницы, главное число */
  --fs-3xl: 1.75rem;                 /* витрина и публичные страницы */
  --fs-4xl: 2rem;
  --fs-5xl: 2.5rem;

  /* Слои снизу вверх. Внутри одного элемента хватает 1–5 без имени. */
  --z-sticky: 20;                    /* липкая полоса внутри страницы */
  --z-sticky-top: 1000;              /* липкая полоса под шапкой: редактор */
  --z-menu: 1001;                    /* боковое меню */
  --z-navbar: 1002;                  /* панель с кружками */
  --z-sticky-lesson: 1010;           /* полоса урока поверх панели */
  --z-overlay: 1079;                 /* затемнение под меню на телефоне */
  --z-menu-mobile: 1080;             /* меню на телефоне */
  --z-dropdown: 1085;                /* выпадающие меню */
  --z-backdrop: 1089;                /* затемнение под окном */
  --z-modal: 1090;                   /* окна и выезжающие панели */
  --z-toast: 1095;                   /* уведомления */
  --z-tooltip: 1099;                 /* подсказки при наведении */

  /* Скругления. Bootstrap-переменные в tokens.css смотрят сюда. */
  --radius-xs: 0.125rem;             /* полоса, штрих */
  --radius-sm: 0.25rem;              /* метки, флажки */
  --radius-md: 0.375rem;             /* кнопки, поля, меню */
  --radius-lg: 0.5rem;               /* карточки */
  --radius-xl: 0.625rem;             /* окна */
  --radius-bubble: 0.75rem;          /* пузыри сообщений, врезки */
  --radius-2xl: 1rem;                /* крупные панели */
  --radius-pill: 50rem;
}