:root {
  /* Farben */
  --color-bg:           #FFFFFF;
  --color-bg-alt:       #F4F6F8;
  --color-bg-blue-light:#EEF3F8;
  --color-primary:      #1B3A5C;
  --color-primary-hover:#254E7A;
  --color-text:         #1A1A1A;
  --color-text-secondary:#555555;
  --color-text-subtle:  #888888;
  --color-border:       #E2E6EA;
  --color-success:      #2C7A4B;
  --color-white:        #FFFFFF;

  /* Typografie */
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --font-size-xs:    12px;
  --font-size-sm:    15px;
  --font-size-base:  17px;
  --font-size-lg:    22px;
  --font-size-xl:    36px;
  --font-size-2xl:   52px;

  --font-weight-regular:  400;
  --font-weight-semibold: 600;
  --font-weight-bold:     700;

  --line-height-tight:  1.15;
  --line-height-snug:   1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed:1.7;

  --letter-spacing-wide: 0.08em;

  /* Abstände */
  --space-xs:   8px;
  --space-sm:   16px;
  --space-md:   24px;
  --space-lg:   40px;
  --space-xl:   64px;
  --space-2xl:  80px;
  --space-3xl:  120px;

  /* Layout */
  --container-max:  1140px;
  --container-pad:  24px;

  /* Effekte */
  --radius-sm:  4px;
  --radius-md:  6px;
  --radius-lg:  12px;
  --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.07);
  --shadow-card-hover: 0 6px 24px rgba(0, 0, 0, 0.12);

  /* Übergänge */
  --transition: 0.2s ease;

  /* Nav-Höhe */
  --nav-height: 68px;
}