/* Blanka Privé — Spacing & Layout
   Generous, editorial whitespace. Values taken verbatim from the guide —
   an airy, slightly irregular rhythm, not a strict 4/8 grid. */

:root {
  /* ── Spacing scale ── */
  --space-xs: 6px;
  --space-sm: 12px;
  --space-md: 18px;
  --space-lg: 22px;
  --space-xl: 28px;
  --space-2xl: 40px;
  --space-3xl: 44px;
  --space-4xl: 48px;
  --space-5xl: 64px;   /* inner panel padding */
  --space-6xl: 72px;   /* section padding */

  /* ── Layout ── */
  --margin-page: 5.77%;      /* full-bleed portrait side margins (~60/1040) */
  --container: 1184px;       /* guide / content column max */
  --hero-max: 1040px;        /* full-bleed hero frame max */
  --measure: 34em;           /* max line length for lead paragraphs */
  --measure-body: 30em;      /* max line length for body */

  /* ── The CTA rule ── */
  --cta-rule: 26px;          /* the short line that trails an arrow link */
  --eyebrow-rule: 40px;      /* the gold hairline before an eyebrow */
}