/* Spacing & layout tokens — Ferella Interiors.
 * The site's own layout vocabulary (--pad-x / --max) is primary; the generic
 * 4-based scale stays for the legal shells and any new component.
 */
:root {
  /* ----- Site layout ----- */
  --pad-x: clamp(24px, 5vw, 96px);   /* horizontal page gutter */
  --max:   1440px;                   /* .shell max width */

  /* ----- Spacing scale ----- */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-8:  48px;
  --space-10: 64px;
  --space-12: 96px;
  --space-16: 144px;

  /* ----- Containers ----- */
  --content-max:    var(--max);
  --content-narrow: 70ch;            /* long-form legal text */

  /* ----- Rhythm ----- */
  --section-y:       clamp(72px, 10vw, 140px);
  --section-y-tight: clamp(48px, 6vw, 88px);
  --gutter:          var(--pad-x);
}