/* Stöhr Logistik — shape, spacing, elevation */
:root {
  /* Radii */
  --radius-pill: 62px;       /* buttons + tag pills */
  --radius-card: 2px;        /* news cards — nearly square */
  --radius-icon-tile: 10px;  /* menu button square */
  --radius-box: 16px;        /* style-guide example boxes */

  /* Buttons (from Startseite: 46px pill, 2px outline) */
  --button-height: 46px;
  --button-border: 2px;
  --button-pad-x: 24px;

  /* Angled section dividers: content bands are skewed ~4.5–5° */
  --band-skew: -4.5deg; /* @kind other */

  /* Spacing steps observed */
  --space-1: 8px; --space-2: 16px; --space-3: 24px;
  --space-4: 32px; --space-5: 48px; --space-6: 64px; --space-7: 96px;

  --shadow-card: 0 0 11.8px 0 rgba(0,0,0,0.25);
}