:root {
  /* Farben */
  --color-primary: #275544;      /* Corporate-Farbe */
  --color-primary-light: #337060;
  --color-accent: #70ad47;       /* Logo-Grün (aus ProHaus-Icon.png) statt Gold */
  --color-bg: #faf9f6;
  --color-bg-alt: #f0efe9;
  --color-surface: #ffffff;
  --color-text: #23281f;
  --color-text-muted: #5a5f56;
  --color-border: #e2e0d8;
  --color-success: #3a7d44;
  --color-danger: #b3452c;

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

  /* Abstände */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;

  /* Layout */
  --max-width: 1140px;
  --radius: 6px;
  --shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
  --shadow-hover: 0 6px 20px rgba(0, 0, 0, 0.1);
}