/* ============================================================
   Vision Lab — Spacing, radii, sizing
   8pt base grid, with a few 4pt half-steps.
   ============================================================ */
:root {
  --space-0:  0;
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;

  /* Radii — restrained; keycaps + chips use ~7-10px */
  --radius-xs:  4px;
  --radius-sm:  7px;   /* matches brand button radius */
  --radius-md:  10px;
  --radius-lg:  14px;
  --radius-xl:  20px;
  --radius-pill: 999px;

  /* Container widths */
  --container-sm: 640px;
  --container-md: 960px;
  --container-lg: 1200px;
  --container-xl: 1440px;

  /* Control sizing */
  --control-h-sm: 34px;
  --control-h-md: 44px;
  --control-h-lg: 52px;

  /* Hit target floor */
  --hit-min: 44px;
}