/* ============================================================
   CASORO · SPACING & SIZING TOKENS
   4px base grid.
   ============================================================ */
:root {
  --space-2xs: 4px;
  --space-xs:  8px;
  --space-sm:  12px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;

  /* ---- Layout ---- */
  --container-max: 1120px;
  --gutter:        60px;

  /* ---- Control heights ---- */
  --control-sm: 36px;
  --control-md: 46px;
  --control-lg: 54px;
}