/* ============================================================================
   ds-spacing.css — отступы дизайн-системы Clike.
   --ds-s-*     = ФИКСИРОВАННАЯ шкала (мелкие UI-элементы, компоненты).
   --ds-space-* = FLUID clamp() шкала (RWD-эталон, из admin-shell-tokens.css) —
                  для отступов макета страниц.
   --ds-touch-min = минимальный тач-таргет (WCAG/iOS HIG).
   ============================================================================ */

:root{
  /* ── фиксированная шкала ── */
  --ds-s-2:2px; --ds-s-4:4px; --ds-s-6:6px; --ds-s-8:8px; --ds-s-10:10px;
  --ds-s-12:12px; --ds-s-16:16px; --ds-s-20:20px; --ds-s-24:24px;

  /* ── FLUID шкала (макет) ── */
  --ds-space-2xs:clamp(4px, 0.8vw, 6px);
  --ds-space-xs: clamp(6px, 1.2vw, 8px);
  --ds-space-sm: clamp(8px, 1.8vw, 12px);
  --ds-space-md: clamp(12px, 2.4vw, 16px);
  --ds-space-lg: clamp(16px, 3vw, 22px);
  --ds-space-xl: clamp(20px, 3.6vw, 28px);

  /* ── тач-таргет ── */
  --ds-touch-min:max(44px, 2.75rem);
}