:root {
  /* ---- Colors: Schwarz / Weiss / Grau / Silber, kein Akzent ---- */
  --c-black: #0a0a0b;
  --c-black-soft: #131315;
  --c-black-elevated: #1c1c1f;
  --c-line-dark: #2c2c30;

  --c-white: #ffffff;
  --c-off-white: #f4f4f3;
  --c-paper: #eceeee;
  --c-line-light: #dcdcdb;

  --c-gray-100: #f4f4f3;
  --c-gray-300: #c7c7c9;
  --c-gray-500: #8c8c90;
  --c-gray-600: #6c6c70;
  --c-gray-700: #4a4a4d;

  --c-silver: #d8d9db;

  /* Browser-/Apple-Ampelpunkte - sparsam, kontrolliert */
  --c-dot-red: #ff5f57;
  --c-dot-yellow: #febc2e;
  --c-dot-green: #28c840;

  /* Primary CTA — veredeltes Grün (exklusiv für Hauptaktion, tiefer als dot-green) */
  --avio-green:        #1ea336;
  --avio-green-hover:  #24b844;
  --avio-green-shadow: rgba(30, 163, 54, 0.24);

  /* ---- Typography ---- */
  --font-base: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --fs-hero: clamp(2.6rem, 7vw, 6.4rem);
  --fs-h1: clamp(2.2rem, 5vw, 4.2rem);
  --fs-h2: clamp(1.8rem, 3.6vw, 3rem);

  /* ---- Section Headline standard (großer Zwischenüberschriften-Standard) ---- */
  --sh-size:   clamp(2.4rem, 5vw, 4rem);
  --sh-weight: 800;
  --sh-lh:     1.05;
  --sh-ls:     -0.04em;
  --fs-h3: clamp(1.25rem, 2.2vw, 1.75rem);
  --fs-lead: clamp(1.05rem, 1.6vw, 1.35rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-eyebrow: 0.8rem;

  --lh-tight: 1.05;
  --lh-snug: 1.25;
  --lh-body: 1.65;

  /* ---- Spacing scale ---- */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1.25rem;
  --space-md: 2rem;
  --space-lg: 3.5rem;
  --space-xl: 6rem;
  --space-2xl: 9rem;
  --space-3xl: 12rem;

  /* ---- Layout ---- */
  --container-width: 1280px;
  --container-pad: clamp(1.25rem, 4.5vw, 4rem);

  /* ---- Radii ---- */
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-xl: 32px;
  --radius-pill: 999px;

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast: 0.25s;
  --t-base: 0.5s;
  --t-slow: 0.9s;
}