/* ═══════════════════════════════════════════════════════════════════════════
   Шкалы оформления «Реестора». Один файл на весь сайт: лендинг, посадочные
   страницы и справочник берут значения отсюда, поэтому кегли, отступы,
   скругления и тайминги везде одни и те же.

   Правило простое: в компонентных файлах не должно появляться «сырых»
   пикселей — только переменные из этого файла. Как только появляются,
   начинается расхождение, которое потом видно невооружённым глазом.
   ═══════════════════════════════════════════════════════════════════════════ */

:root{
  /* Цвета. Третий уровень текста (--faint) был #5A6B80: контраст 3,2–3,6:1 на всех
     фонах при норме 4,5:1, а им набрано около двадцати пяти осмысленных подписей
     кеглем 11–14. Теперь 5,2–5,8:1 (на подкрашенной подложке формы — 4,85:1), и шаг до второго уровня (--mut, 7,5:1) сохранён. */
  --ink:#070B12; --ink-2:#0C121C; --ink-3:#111927;
  --line:#1B2536; --line-2:#243349;
  --cyan:#22D3EE; --cyan-soft:rgba(34,211,238,.14); --indigo:#818CF8;
  --amber:#FBBF24; --amber-soft:rgba(251,191,36,.12);
  --txt:#E8EEF6; --mut:#93A1B5; --faint:#7C8DA3;
  --ok:#34D399; --bad:#F87171;

  /* Кегли: десять ступеней вместо двадцати четырёх значений вразнобой. */
  --fs-1:11px; --fs-2:12px; --fs-3:13px;  --fs-4:15px; --fs-5:17px;
  --fs-6:20px; --fs-7:26px; --fs-8:34px;  --fs-9:46px; --fs-10:64px;

  /* Шаг сетки — 4px. Любой отступ берётся отсюда. */
  --sp-1:4px;  --sp-2:8px;  --sp-3:12px; --sp-4:16px; --sp-5:24px;
  --sp-6:32px; --sp-7:48px; --sp-8:64px; --sp-9:96px; --sp-10:128px;

  /* Скругления: мелкое, обычное, крупное. Больше не нужно. */
  --r-s:8px; --r:14px; --r-l:22px;

  /* Тени: подъём, карточка, парящий объект. Плюс свечение акцентом. */
  --sh-1:0 1px 2px rgba(0,0,0,.4), 0 4px 16px -8px rgba(0,0,0,.6);
  --sh-2:0 2px 6px rgba(0,0,0,.45), 0 16px 40px -20px rgba(0,0,0,.75);
  --sh-3:0 30px 80px -30px rgba(0,0,0,.85), 0 0 0 1px rgba(34,211,238,.07);
  --glow:0 0 60px -24px rgba(34,211,238,.55);

  /* Движение. Выразительное замедление для появления, ровное — для наведения. */
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease:cubic-bezier(.4,0,.2,1);
  --t-fast:.16s; --t:.28s; --t-slow:.64s;

  /* Высота липкой шапки — чтобы якоря не заезжали под неё. */
  --head-h:64px;
}