/* ===========================================================
   TasteBud — Spacing & Layout
   Generous whitespace. Let products and words breathe.
   The page should feel edited, not filled.
   =========================================================== */

:root {
  /* ---- Spacing scale (rem) ---- */
  --space-0:  0;
  --space-1:  0.25rem;   /* 4px  */
  --space-2:  0.5rem;    /* 8px  */
  --space-3:  0.75rem;   /* 12px */
  --space-4:  1rem;      /* 16px */
  --space-5:  1.5rem;    /* 24px */
  --space-6:  2rem;      /* 32px */
  --space-7:  2.5rem;    /* 40px */
  --space-8:  3.5rem;    /* 56px */
  --space-9:  5rem;      /* 80px */
  --space-10: 7rem;      /* 112px — section rhythm */

  /* ---- Layout ---- */
  --max-page:    1440px;  /* max content width */
  --max-prose:   780px;   /* readable measure */
  --gutter:      2rem;    /* page side padding */
  --gutter-sm:   1.25rem; /* mobile */
  --nav-height:  4rem;
}