/* RealEstateContent.ai — Spacing, radius & sizing
   Base sizing tokens mirror the Figma "Sizes" / "Radius" variable collections. */

:root {
  /* ---- Spacing scale (px) ---- */
  --space-0: 0;
  --space-2: 2px;    /* xxs */
  --space-4: 4px;    /* xs */
  --space-8: 8px;    /* s */
  --space-12: 12px;
  --space-16: 16px;  /* m — default gap inside components */
  --space-24: 24px;
  --space-32: 32px;  /* l — gap between content blocks */
  --space-40: 40px;
  --space-48: 48px;  /* xl */
  --space-64: 64px;  /* xxl — section padding */
  --space-80: 80px;  /* gap between major sections */
  --space-112: 112px;/* xxxl — vertical section rhythm on marketing pages */

  /* ---- Border radius ----
     The system rounds gently; pills use --radius-full. */
  --radius-xs: 4px;   /* tags, small chips, checkboxes */
  --radius-s: 8px;    /* buttons, inputs, badges */
  --radius-m: 16px;   /* cards, panels */
  --radius-l: 32px;   /* hero images, large feature surfaces */
  --radius-full: 9999px;

  /* ---- Strokes ---- */
  --border-width: 1px;
  --divider-width: 1px;

  /* ---- Layout ---- */
  --container-max: 1440px;  /* marketing canvas width */
  --content-max: 1200px;    /* inner content width */
  --gutter: 64px;           /* page side padding (desktop) */
}