/* Airbnb Design System — Spacing & layout tokens
   4px base unit with a 2px micro-step. Open hero, dense marketplace below. */

:root {
  /* ---- Spacing scale ---- */
  --space-xxs: 2px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-base: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;
  --space-section: 64px;   /* major page bands — tighter than SaaS for card density */

  /* ---- Containers ---- */
  --container-editorial: 1280px;  /* homepage & editorial pages */
  --container-listing: 1080px;    /* listing detail — photo banner + reservation rail */
  --container-wide-cap: 1440px;   /* hard cap on listing/search pages */

  /* ---- Corner radii (soft shape language — nothing hard) ---- */
  --radius-sm: 8px;     /* buttons, inputs */
  --radius-md: 14px;    /* property cards, reservation/host cards */
  --radius-xl: 32px;    /* category strip cells */
  --radius-full: 9999px; /* search pill, orbs, hearts, NEW badge, day cells */
}