/* ============================================================
   SPACING — base unit 4px, with 6/10/14 sub-multiples inside
   button padding.
   ============================================================ */

:root {
  --space-xxs: 4px;
  --space-xs: 6px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;
  --space-2xl: 24px;
  --space-3xl: 32px;

  /* ---- Layout ---- */
  --container-max: 1200px;
  --gutter-desktop: 32px;
  --gutter-mobile: 16px;
}