/* Asia Almushrqa — Spacing, radius & elevation tokens */

:root {
  /* Spacing — 4px base with 2px micro-step */
  --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 */

  /* Layout */
  --container-editorial: 1280px;
  --container-listing: 1080px;
  --container-wide-cap: 1440px;

  /* Radius — everything is soft; hard corners only on the body grid */
  --radius-sm: 8px;        /* buttons, inputs */
  --radius-md: 14px;       /* property cards */
  --radius-lg: 16px;       /* larger panels */
  --radius-xl: 32px;       /* category strip corners */
  --radius-full: 9999px;   /* pill search bar, orbs, hearts, badges */

  /* Elevation — single shadow tier plus the flat baseline */
  --shadow-card: rgba(0, 0, 0, 0.02) 0 0 0 1px,
                 rgba(0, 0, 0, 0.04) 0 2px 6px 0,
                 rgba(0, 0, 0, 0.1) 0 4px 8px 0;

  /* Scrim opacity */
  --scrim-opacity: 0.5; /* @kind other */
}