/* 4px base, doubling-ish scale. Generous negative space is a brand requirement:
   section padding never drops below --kx-space-9 on desktop. */
:root {
  --kx-space-0: 0;
  --kx-space-1: 0.25rem;  /* 4  */
  --kx-space-2: 0.5rem;   /* 8  */
  --kx-space-3: 0.75rem;  /* 12 */
  --kx-space-4: 1rem;     /* 16 */
  --kx-space-5: 1.5rem;   /* 24 */
  --kx-space-6: 2rem;     /* 32 */
  --kx-space-7: 3rem;     /* 48 */
  --kx-space-8: 4rem;     /* 64 */
  --kx-space-9: 6rem;     /* 96 */
  --kx-space-10: 8rem;    /* 128 */
  --kx-space-11: 12rem;   /* 192 */

  --kx-gutter: var(--kx-space-5);
  --kx-gutter-lg: var(--kx-space-8);
  --kx-section-y: clamp(4rem, 9vw, 8rem); /* @kind spacing */
  --kx-page-max: 1440px;
  --kx-measure: 62ch;
  --kx-measure-tight: 46ch;

  --kx-control-h-sm: 34px;
  --kx-control-h: 44px;   /* min touch target */
  --kx-control-h-lg: 56px;
}