/**
 * Voltark design tokens (этап B).
 * Новые правила — через эти переменные.
 * Существующие --va-* / --voltark-* НЕ переименовывать.
 */
:root {
  /* Spacing — канон Этап 3.3 (1:1 literal→var)
   * Шкала: 4/8/12/16/24/32/48/64 → --space-1…8
   * TODO magic spacing: 2, 3, 6, 10, 14, 18, 20, 22, 28, 40 — ~1344 вхождений.
   *       Свести к шкале, когда UI стабилизируется (не snap сейчас).
   */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* Typography — размеры */
  --text-xs: 11px;
  --text-sm: 13px;
  --text-base: 15px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 28px;
  --text-3xl: 36px;

  /* Typography — веса */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Line-height */
  --leading-tight: 1.2;
  --leading-base: 1.5;
  --leading-relaxed: 1.7;

  /* Radii — канон Этап 3.4 (1:1)
   * 4→sm, 8→md, 16→lg, 999/9999→full
   * 50% — literal (круг), не токен
   * TODO magic radius: 6, 10, 12, 14, 18, 20, 24 (+2/3/5/7/22/99) — ~602 decl.
   *       Расширить шкалу (--radius-xs, --radius-xl) или оставить; 50% не токенизировать.
   */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* Shadows — канон Этап 3.4 (exact match only)
   * TODO magic shadow: 156 box-shadow, ни один не совпал 1:1 с sm/md/lg.
   *       При необходимости: --shadow-card, --shadow-popover (не snap сейчас).
   */
  --shadow-sm: 0 1px 2px rgb(0 0 0 / 5%);
  --shadow-md: 0 4px 12px rgb(0 0 0 / 10%);
  --shadow-lg: 0 12px 32px rgb(0 0 0 / 18%);

  /* Transitions — канон Этап 3.4 (1:1 duration+ease)
   * 150ms/0.15s → fast, 250ms/0.25s → base, 400ms/0.4s → slow
   * TODO magic transition: ~50 decl (0.12s, 0.2s, 0.3s, 0.55s, ease-out/linear).
   *       При необходимости: --transition-fast-ease-out.
   */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;

  /* Z-index — канон Этап 3.1
   * Порядок: base < raised < drawer < dropdown < sticky < header
   *   < modal < overlay-high < overlay-top < toast < tooltip
   * Карта literal→токен: см. data/logs / Stage 3.1.
   * --z-toast/--z-tooltip подняты (1200/1100 не использовались как var).
   *
   * Не мигрировано (стек-зависимые):
   *   2      — локальный слой внутри positioned-родителя (tile/card/.in поверх фона)
   *   20     — mid sticky/toolbar/sheet (vk-toolbar, channel sheet, chat compose, keyboard input)
   *   30     — sticky chrome над mid (profile float, scrollbar, pdp-buy)
   *   1300   — modal-adjacent ниже overlay-high (reaction picker, bday, voice chip)
   *   11000  — между overlay-top(10050) и toast(12000): ct-drawer, dock chip
   *   13000  — над toast-полосой, ниже tooltip: self-update, channel dropdown, wave8
   * Не мапить на --z-* без аудита пересечений стека.
   */
  --z-base: 1;
  --z-raised: 4;
  --z-drawer: 10;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-header: 300;
  --z-modal: 1000;
  --z-overlay-high: 9000;
  --z-overlay-top: 10050;
  --z-toast: 12000;
  --z-tooltip: 20000;

  /* Layout */
  --container-max: 1400px;
  --container-wide: 1680px;

  /* Chrome shell (логическую высоту bottom-nav обновляет Adaptive._measureChrome) */
  --voltark-bottom-nav-h: 64px;
  --voltark-header-h: 52px;

  /* Touch tap-target (этап 5.2; см. adaptive/touch.css) */
  --voltark-tap-min: 44px;

  /* Safe-area (этап 5.3; см. adaptive/safe-area.css) — на desktop env()=0 */
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
}