/* =============================================
   Cárgalo — Spacing Tokens
   Base unit: 8px
   ============================================= */

:root {
  --space-1:   8px;
  --space-2:  16px;
  --space-3:  24px;
  --space-4:  32px;
  --space-6:  48px;
  --space-8:  64px;
  --space-12: 96px;
  --space-16: 128px;

  /* Layout */
  --content-max:  1200px;
  --content-wide: 1440px;
  --gutter:       clamp(16px, 4vw, 80px); /* @kind spacing */

  /* Component micro-spacing */
  --gap-xs: 4px;
  --gap-sm: 8px;
  --gap-md: 16px;
  --gap-lg: 24px;
}