/* ============================================================
   GUIDE DESIGN SYSTEM — SPACING TOKENS
   Base unit 4px. Used for padding, gap, margins.
   ============================================================ */

:root {
  --space-2:  2px;
  --space-4:  4px;
  --space-6:  6px;
  --space-8:  8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;

  /* Layout grid (from Figma Grid collection) */
  --grid-margin-desktop: 24px;
  --grid-margin-mobile: 24px;
  --grid-gutter-desktop: 24px;
  --grid-gutter-mobile: 16px;
  --device-width-desktop: 1440px;
  --device-width-mobile: 393px;
}