/* Endlich Tiny House — Abstände, Radien, Schatten */
:root{
  /* Radien */
  --radius: 14px;          /* Standard-Karte */
  --radius-sm: 9px;        /* Inputs, Stepper */
  --radius-md: 11px;       /* Compare-Boxen, Status-Zeilen */
  --radius-lg: 20px;       /* große Panels (Authority, Diff) */
  --radius-xl: 24px;       /* getönte Sektions-Hintergründe */
  --radius-pill: 28px;     /* Buttons, Chips, Badges */

  /* Schatten (weich, grünstichig) */
  --shadow: 0 1px 2px rgba(31,46,35,0.06), 0 8px 24px -12px rgba(31,46,35,0.18);
  --shadow-photo: 0 10px 30px -10px rgba(31,46,35,0.35), 0 0 0 6px var(--surface);

  /* Layout */
  --wrap-max: 1120px;      /* Landingpage */
  --wrap-max-app: 1400px;  /* Rechner */
  --wrap-pad: 24px;
  --section-pad: 60px;     /* vertikal pro Sektion */

  /* Karten-Innenabstände */
  --card-pad: 28px;
  --panel-pad: 44px;

  /* Abstandsskala (aus den Quellen abgeleitet, kein striktes Grid) */
  --space-1: 6px;
  --space-2: 10px;
  --space-3: 14px;
  --space-4: 20px;
  --space-5: 28px;
  --space-6: 40px;
  --space-7: 60px;
}