/* Spacing and shape. Small radii, no wide rounded cards. */

:root {
  --ks-space-xs: 8px;
  --ks-space-sm: 16px;
  --ks-space-md: 24px;
  --ks-space-lg: 32px;
  --ks-space-xl: 48px;
  --ks-space-2xl: 80px;
  --ks-space-3xl: 112px;

  /* Dense control spacing, as used in the extension surfaces. */
  --ks-space-1: 2px;
  --ks-space-2: 4px;
  --ks-space-3: 6px;
  --ks-space-4: 8px;
  --ks-space-5: 12px;
  --ks-space-6: 14px;

  --ks-radius-none: 0;
  --ks-radius-xs: 2px;
  --ks-radius-code: 3px;
  --ks-radius-sm: 4px;
  --ks-radius-control-sm: 5px;
  --ks-radius-md: 6px;
  --ks-radius-control-md: 7px;
  --ks-radius-lg: 8px;
  --ks-radius-xl: 10px;
  --ks-radius-2xl: 12px;
  --ks-radius-3xl: 14px;
  --ks-radius-4xl: 16px;
  --ks-radius-pill: 999px;

  /* The extension ships a tighter three-step shape scale. */
  --ks-radius-chip: 3px;

  --ks-container: 1320px;
  --ks-gutter: var(--ks-space-md);
}