:root {
  /* Farbpalette */
  --color-emerald: #0f5c46;
  --color-emerald-dark: #0a3f30;
  --color-emerald-light: #e6f2ee;
  --color-gold: #b8934a;
  --color-gold-light: #f3e9d6;
  --color-offwhite: #faf8f4;
  --color-white: #ffffff;
  --color-ink: #1a1a1a;
  --color-gray: #6b7280;
  --color-gray-light: #e5e7eb;

  /* Service-Akzentfarben */
  --color-service-emerald: #0f5c46;
  --color-service-blue: #2f6690;
  --color-service-gold: #b8934a;
  --color-service-red: #b5443f;

  /* Radius & Schatten */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 999px;
  --shadow-soft: 0 4px 20px rgba(15, 23, 20, 0.08);
  --shadow-lift: 0 10px 30px rgba(15, 23, 20, 0.14);

  /* Typografie */
  --font-base: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Übergänge */
  --transition-fast: 180ms ease;
  --transition-medium: 320ms ease;

  /* Layout */
  --max-width: 1200px;
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 48px;
  --space-xl: 96px;
}