/* MERZ — Layout, Radius, Schatten. Exakte Werte aus dem Figma. */
:root {
  /* Layout (1920er-Canvas) */
  --page-width: 1920px;
  --content-width: 1416px;      /* Inhalt beginnt bei x=252 */
  --page-margin: 252px;
  --section-pad-top: 100px;
  --section-pad-bottom: 120px;
  --grid-gap: 24px;             /* Kartenraster; auch 23px & 25px kommen vor */
  --stack-gap-title: 11px;      /* Abstand H2 → Subline */
  --stack-gap-eyebrow: 36px;    /* Abstand Kicker → H2-Block */

  /* Radius */
  --radius: 5px;                /* Standard: Karten, Buttons, Bilder, Badges */
  --radius-input: 6px;          /* Formularfelder, Checkboxen */
  --radius-round: 50%;          /* Icon-Kreise (91.2px), Pfeil-Buttons (47.458px) */

  /* Border */
  --border-w-card: 1px;
  --border-w-input: 0.5px;

  /* Schatten */
  --shadow-header: 0px 0px 14.5px 0px rgba(0, 0, 0, 0.25);
  --shadow-panel: 0px -12px 14.1px 0px rgba(0, 0, 0, 0.25);

  /* Buttons */
  --button-height: 35px;
  --button-height-header: 38px;
  --button-pad: 6px 12px;
  --button-gap: 6px;
}