/* Harmatliget — Spacing & layout tokens
   Generous, calm rhythm. Sections breathe with fluid clamp() padding; the content
   column is a fixed max with comfortable gutters. */
:root {
  /* ---- Layout ---- */
  --container: min(1060px, calc(100vw - 56px)); /* @kind spacing */
  --container-max: 1060px;

  /* ---- Section rhythm ---- */
  --section-pad-y: clamp(54px, 6.4vw, 92px);
  --section-pad-y-tight: clamp(24px, 4vw, 56px);

  /* ---- Spacing scale ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 22px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 66px;

  /* ---- Common grid gaps ---- */
  --gap-cards: clamp(18px, 3vw, 30px);
  --gap-split: clamp(32px, 5.5vw, 66px);
}