/* ============================================================
   Отступы и размеры. Шкала 4/8/12/16/24(/32).
   Мобайл: тач-таргет ≥48dp, кнопка 56dp, зазор ≥8.
   Админка плотнее: scope [data-density="admin"].
   ============================================================ */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;

  --screen-padding: 16px;       /* боковой паддинг экрана */
  --gap-min: 8px;               /* минимальный зазор между тач-целями */

  --touch-target: 48px;         /* минимум для любой тач-цели */
  --control-height: 56px;       /* главные кнопки, поля ввода */
  --control-height-sm: 48px;    /* чипы, вторичные кнопки */
  --tabbar-height: 64px;        /* без учёта safe-area */
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}

[data-density="admin"] {
  --screen-padding: 24px;
  --gap-min: 4px;
  --touch-target: 32px;
  --control-height: 36px;
  --control-height-sm: 28px;
}