/* Size tokens only. No colours. html .ks-root beats the 56px fallback in kulibert-slots.css.
   --ks-slot rounds to 4. --ks-slot-big is that slot × 1.25, which is 60 / 70 / 80.
   Do not round the product again: 70 would become 72.
   Touch targets are 48. */
:root,
html .ks-root {
  --ks-slot: clamp(48px, calc(4.2vmin + 24px), 64px);
  --ks-slot-big: calc(var(--ks-slot) * 1.25);
  --ks-gap: calc(var(--ks-slot) / 8 - 2px);
  --ks-pad: 12px;
  --ks-radius: 8px;
  --ks-top-h: 48px;
  --ks-touch: 44px;
  --ks-fs-xs: .75rem;
  --ks-fs-s: .875rem;
  --ks-fs-m: 1rem;
  --ks-fs-l: 1.125rem;
  --ks-fs-xl: 1.375rem;
  --ks-panel-w: min(calc(100vw - 16px), calc(var(--ks-slot) * 16));
  --ks-panel-h: calc(100dvh - var(--ks-top-h) - 8px);
}
@supports (width: round(1px, 1px)) {
  :root,
  html .ks-root {
    --ks-slot: round(clamp(48px, calc(4.2vmin + 24px), 64px), 4px);
  }
}
@media (pointer: coarse) {
  :root,
  html .ks-root {
    --ks-touch: 48px;
  }
}