/* madebykev — Raster & Abstände.
   --max und --side stammen 1:1 aus dem Theme-:root. Die Rhythmus-Tokens sind
   aus den im Theme wiederkehrenden Literalen abgeleitet (siehe readme.md,
   VISUAL FOUNDATIONS). Einzelne Seitenwerte bleiben lokal. */
:root {
  --max: 1220px;                        /* Inhaltsbreite */
  --side: clamp(24px, 6.9vw, 100px);    /* Außenabstand, fließend */
  --header-max: 1310px;                 /* Header ist breiter als der Content */
  --header-height: 82px;
  --header-height-compact: 70px;        /* <= 820px */

  /* Vertikaler Abschnittsrhythmus */
  --section-y-s: 70px;
  --section-y-m: 90px;
  --section-y-l: 110px;
  --section-y-xl: 130px;

  /* Spaltenabstände zweispaltiger Abschnitte */
  --col-gap-s: 55px;
  --col-gap-m: 95px;
  --col-gap-l: 120px;

  /* Innenabstände */
  --pad-card: 28px;
  --pad-card-m: 32px;
  --pad-card-l: 38px;
  --pad-card-xl: 42px;
  --pad-form: 52px 58px 48px;

  /* Mindesthöhen wiederkehrender Blöcke */
  --row-min-h: 150px;
  --tile-min-h: 255px;
  --feature-min-h: 275px;
  --card-min-h: 365px;
  --package-min-h: 600px;
  --control-h: 49px;      /* Eingabefeld */
  --button-h: 52px;
  --submit-h: 56px;
}