/* PGA Design Tokens – zentrale Variablen, Optik unverändert */
:root {
  /* Brand */
  --color-ink: #0a0a0a;
  --color-navy: #00223e;
  --color-navy-deep: #001a31;
  --color-navy-mid: #002b4e;
  --color-navy-darker: #001526;

  --color-4press: #0080BB;
  --color-pvg: #2c408d;
  --color-qtrado: #eb6909;
  --color-trunk: #99161C;
  --color-psnord: #7a8794;
  --color-accent-teal: #006b87;
  --color-accent-orange: #eb6909;
  --color-accent-orange-deep: #a34700;
  --color-accent-warm: #f5901f;
  --color-accent-red: #cb4a45;
  --color-accent-purple: #2C408D;

  /* Neutrals */
  --color-white: #ffffff;
  --color-bg: #ffffff;
  --color-bg-soft: #f8f6f4;
  --color-bg-muted: #f6f4f1;
  --color-bg-warm: #f4f2ef;
  --color-bg-sand: #f3f1ee;
  --color-bg-stone: #eeece8;
  --color-bg-cream: #edeae6;
  --color-line: #e3e1de;
  --color-line-soft: #efedea;
  --color-line-warm: #ddd9d4;
  --color-text: #0a0a0a;
  --color-text-muted: #5a5f63;
  --color-text-soft: #7c766e;
  --color-text-faint: #a7a29b;

  /* Gradients */
  --gradient-brand: linear-gradient(
    150deg,
    rgba(235, 105, 9, 0.55) 0%,
    rgba(203, 74, 69, 0.34) 32%,
    rgba(44, 64, 141, 0.42) 72%,
    rgba(227, 225, 222, 0.9) 100%
  );
  --gradient-progress: linear-gradient(90deg, #0080BB 0%, #eb6909 55%, #99161C 100%);
  --gradient-hero-word: linear-gradient(110deg, #eb6909 0%, #99161C 48%, #2c408d 100%);
  --gradient-section-soft: linear-gradient(180deg, #f8f6f4 0%, #f3f1ee 55%, #eeece8 100%);
  --gradient-gebiete: linear-gradient(180deg, #f8f6f4 0%, #ffffff 40%, #f3f1ee 100%);
  --gradient-plz-orb: radial-gradient(
    120% 120% at 28% 18%,
    #ffffff 0%,
    #f6f4f1 48%,
    #edeae6 100%
  );

  /* Typography */
  --font-sans: "Outfit", system-ui, sans-serif;
  --fs-eyebrow: 14px;
  --fs-body: 16px;
  --fs-body-lg: 18px;
  --lh-body: 1.6;
  --tracking-eyebrow: 0.16em;

  /* Radii */
  --radius-pill: 100px;
  --radius-card: 32px;
  --radius-card-sm: 28px;
  --radius-panel: 24px;

  /* Shadows */
  --shadow-card: 0 28px 64px -48px rgba(0, 34, 62, 0.55);
  --shadow-header: 0 10px 32px rgba(0, 34, 62, 0.08);
  --shadow-orb: 0 18px 40px rgba(0, 34, 62, 0.06);

  /* Layout – ein gemeinsames Raster für Header, Main und Footer */
  --max-content: 1440px;
  --max-wide: 1440px;
  --pad-x: clamp(20px, 5vw, 64px);
  --pad-section: clamp(56px, 7vw, 112px);
  --header-offset: 110px;
  --nav-bp: 1440px;

  /* Motion */
  --ease: 0.15s ease;
  --fade: pgaFade 0.25s ease;
}