:root {
  /* Farben */
  --petrol-dark: #152F38;
  --petrol: #1E4D5C;
  --bronze: #A67C52;
  --creme: #F7F5F2;
  --weiss: #FFFFFF;
  --text-dark: #1A1A1A;
  --text-mid: #555555;
  --border: #E5E0DA;

  /* Typografie */
  --font-headline: 'Montserrat', sans-serif;
  --font-body: 'Noto Sans', sans-serif;

  /* Größen */
  --h1-desktop: 42px;
  --h1-mobil: 32px;
  --h2-desktop: 36px;
  --h2-mobil: 26px;
  --h3-desktop: 24px;
  --h3-mobil: 20px;
  --h4-desktop: 20px;
  --h4-mobil: 18px;
  --body-desktop: 17px;
  --body-mobil: 16px;
  --body-hero: 19px;
  --small: 14px;
  --button-size: 16px;

  /* Abstände */
  --section-padding-y: 96px;
  --section-padding-y-mobile: 64px;
  --container-max: 1200px;
  --card-padding: 24px;
  --card-gap: 24px;
  --card-img-title-gap: 16px;
  --card-title-text-gap: 8px;
  --card-text-cta-gap: 16px;

  /* Formen */
  --radius-base: 10px;
  --radius-large: 16px;

  /* Schatten */
  --shadow-soft: 0 4px 24px rgba(21, 47, 56, 0.08);
  --shadow-hero-box: 0 8px 32px rgba(21, 47, 56, 0.16);

  /* Zeilenhöhen */
  --lh-body: 1.65;
  --lh-headline: 1.2;
}