/* ============================================================
   Maitha Tech — Spacing, layout & sizing tokens
   8px-ish rhythm, but matched to the brand's rem build.
   ============================================================ */

:root {
  /* —— Spacing scale ——————————————————————————————— */
  --space-1:   0.25rem;   /* 4px  */
  --space-2:   0.5rem;    /* 8px  */
  --space-3:   0.75rem;   /* 12px */
  --space-4:   1rem;      /* 16px */
  --space-5:   1.5625rem; /* 25px — gap-small */
  --space-6:   2rem;      /* 32px */
  --space-7:   3.125rem;  /* 50px — gap-medium */
  --space-8:   5rem;      /* 80px */
  --space-9:   7.5rem;    /* 120px — section gap (compact) */
  --space-10:  8.125rem;  /* 130px — section gap */

  --gutter:    0.9375rem; /* 15px — grid gutter */

  /* —— Containers ————————————————————————————————— */
  --container:         82.5rem;    /* 1320px */
  --container-medium:  101.875rem; /* 1630px */
  --container-large:   114.375rem; /* 1830px */

  /* —— Section rhythm ————————————————————————————— */
  --section-gap:       8.125rem;
  --section-gap-sm:    7.5rem;
}