/* Design-Tokens, 1:1 aus der Recon-Extraktion von kulturbooster.com (Webflow-CSS).
   Quelle: kulturbooster.webflow.shared.9ac5defce.min.css. Nicht raten, belegt. */
:root {
  /* Marken-Palette (Webflow-Framework-Defaults #3898ec/#ea384c bewusst NICHT uebernommen) */
  --white: #ffffff;
  --black: #000000;
  --ink-body: #445663;      /* .body-display Fliesstext */
  --ink-muted: #6e7f8b;     /* .subtitle-2 / muted */
  --ink-3: #333333;
  --hairline: #39413e;      /* Trenner bei opacity .2 */
  --line-1: #cfdae2;
  --line-2: #eff3f6;        /* Outlines */
  --bg-soft: #fafafa;
  --bg-soft-2: #fcf8f8;     /* helle Flaechen / .xxl-heading */

  /* Typografie */
  --font-sans: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Layout */
  --container: 940px;       /* Webflow-Default */
  --container-xl: 1055px;
  --container-xs: 500px;
  --pad-x: 80px;
  --pad-y: 60px;
  --radius-pill: 100px;

  /* Spacing-Raster (aus Section-/Wrapper-Paddings) */
  --sp-10: 10px; --sp-20: 20px; --sp-36: 36px; --sp-40: 40px;
  --sp-60: 60px; --sp-80: 80px; --sp-100: 100px; --sp-120: 120px; --sp-140: 140px;
}