/* ============================================================
   RS Glas — SPACING & LAYOUT
   Section-Padding 80px vertikal / 5% horizontal. Header 68px fix.
   Grid-Karten sitzen mit 2px "Fuge" aneinander (Hairline-Look),
   Bildgalerien mit 12px Gap.
   ============================================================ */
:root {
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  20px;
  --sp-6:  24px;
  --sp-8:  32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 60px;
  --sp-20: 80px;

  --gap-hairline: 2px;   /* Fuge zwischen Rasterkarten          */
  --gap-tile:     12px;  /* Bildkacheln / Galerie               */

  --header-h:     68px;
  --page-gutter:  5%;    /* horizontales Sektions-Padding       */
  --content-max:  680px; /* Lesebreite (Legal, Formular)        */

  --radius-none:  0;      /* Karten & Buttons = scharfkantig     */
  --radius-sm:    4px;    /* Inputs im Konfigurator              */
  --radius-md:    8px;    /* Konfigurator-Karten                 */
  --radius-lg:    18px;   /* Bottom-Sheet Modal                  */
  --radius-pill:  999px;  /* CTA-Pille, runde Icon-Buttons       */
}