/* Сетка 4/8px, радиусы, размеры контролов, ширины раскладки. */
:root {
  --ak-s-1: 4px;
  --ak-s-2: 8px;
  --ak-s-3: 12px;
  --ak-s-4: 16px;
  --ak-s-5: 20px;
  --ak-s-6: 24px;
  --ak-s-7: 28px;
  --ak-s-8: 32px;
  --ak-s-10: 40px;
  --ak-s-12: 48px;
  --ak-s-14: 56px;
  --ak-s-16: 64px;

  /* радиусы */
  --ak-r-code: 6px;
  --ak-r-badge: 7px;
  --ak-r-term: 10px;
  --ak-r-control: 12px;   /* кнопка, поле */
  --ak-r-card: 14px;
  --ak-r-card-md: 16px;
  --ak-r-card-lg: 20px;   /* крупные плитки, лист наклеек */
  --ak-r-chip: 99px;

  /* высоты контролов (тач-цель ≥ 44px) */
  --ak-h-sm: 36px;
  --ak-h-md: 42px;
  --ak-h-lg: 46px;
  --ak-h-field: 40px;
  --ak-h-touch: 44px;
  --ak-h-header: 56px;

  /* рамки */
  --ak-border-w: 1px; /* @kind spacing */
  --ak-border-w-strong: 1.5px; /* @kind spacing */  /* выделенное состояние, поля */
  --ak-focus-w: 2px; /* @kind spacing */

  /* раскладка */
  --ak-max-content: 1120px; /* @kind spacing */     /* портал, лендинг */
  --ak-max-book: 1280px; /* @kind spacing */        /* брендбук, широкие развороты */
  --ak-pad-page: 1.25rem; /* @kind spacing */
}