/* Farbenkranz — Spacing & layout tokens */
:root {
  /* ---- Spacing scale ---- */
  --space-2:   2px;
  --space-4:   4px;
  --space-8:   8px;
  --space-12:  12px;
  --space-16:  16px;
  --space-20:  20px;
  --space-24:  24px;
  --space-32:  32px;
  --space-48:  48px;
  --space-50:  50px;  /* inside-article horizontal (desktop) */
  --space-64:  64px;
  --space-80:  80px;
  --space-96:  96px;  /* inside-article bottom (desktop) */

  /* ---- Layout ---- */
  --container-max:    1440px; /* .grid-container */
  --container-narrow: 760px;  /* prose column */
  --container-wide:   1180px; /* alignwide content */
  --gutter:           24px;

  /* Section rhythm */
  --section-y:        clamp(48px, 8vw, 96px); /* @kind spacing */
  --article-pad-x:    50px;
  --article-pad-x-mobile: 16px;
}