/* ==========================================================================
   Dexter Martin Real Estate — Spacing, layout & radius tokens
   Generous, editorial whitespace. Sharp corners — minimal rounding.
   ========================================================================== */

:root {
  /* ---- Spacing scale (4px base, editorial generosity at the top) ---- */
  --space-0:   0;
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-8:   32px;
  --space-10:  40px;
  --space-12:  48px;
  --space-16:  64px;
  --space-20:  80px;
  --space-24:  96px;

  /* ---- Semantic spacing ---- */
  --pad-card:        28px;   /* usage / content card padding */
  --pad-section:     80px;   /* section vertical rhythm */
  --pad-section-x:   64px;
  --gap-stack:       20px;   /* default vertical gap between blocks */
  --gap-inline:      14px;

  /* ---- Radius — brand is editorial & sharp. Rounding is minimal. ---- */
  --radius-none:  0;
  --radius-xs:    2px;
  --radius-sm:    4px;   /* swatch blocks, subtle cards */
  --radius-pill:  999px; /* tags / capsule labels only */

  /* ---- Layout ---- */
  --measure:        640px;   /* max body copy width */
  --container:      1100px;  /* section max-width */
  --hairline:       1px;

  /* ---- Social / print frame sizes ---- */
  --frame-square:   1080px;
  --frame-portrait-h: 1350px;
}