/* ============================================================
   Digital Strategy — SPACING, RADII & LAYOUT TOKENS
   8px base rhythm.
   ============================================================ */

:root {
  /* ---- Spacing scale (8px base) ---- */
  --space-0:  0;
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  96px;
  --space-10: 128px;

  /* ---- Radii ---- */
  --radius-xs:   6px;
  --radius-sm:   10px;
  --radius-md:   16px;   /* default card */
  --radius-lg:   22px;   /* service cards on flyer */
  --radius-xl:   28px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  /* ---- Container widths ---- */
  --container-sm: 640px;
  --container-md: 960px;
  --container-lg: 1200px;
  --container-xl: 1360px;

  /* ---- Z-index ---- */
  --z-base:    1; /* @kind other */
  --z-raised:  10; /* @kind other */
  --z-sticky:  100; /* @kind other */
  --z-overlay: 1000; /* @kind other */
  --z-modal:   1100; /* @kind other */
  --z-toast:   1200; /* @kind other */
}