:root {
  /* 🌟 Farbvariablen */
  --color-pink: #F06292; /* Hellrosa */
  --color-purple: #9C27B0; /* Lila */
  --color-primary: var(--color-pink);
  --color-primary-dark: #E91E63; /* Kräftiges Pink */
  --color-secondary: #FFCA28; /* Gold */
  --color-text: #333; /* Dunkles Grau */
  --color-bg: #ffffff; /* Standard Hintergrund */
  --color-bg-alt: #fce4ec; /* Sehr helles Rosa */
  --wave-color: var(--color-bg-alt); /* Wellen-Elemente */

  /* 🌟 Hintergrund-Gradient */
  --gradient-hero: linear-gradient(135deg, #FFB6C1 0%, #FF69B4 40%, #FFD700 80%, #9C27B0 100%);

  /* 🌟 Schriftarten */
  --font-family-headline: "Pacifico", cursive;
  --font-family-body: "Comfortaa", sans-serif;
  
  /* 🌟 Schriftgrößen */
  --font-size-base: 16px;
  --font-size-h1: 3.5rem;
  --font-size-h2: 2.4rem;
  --font-size-h3: 1.8rem;

  /* 🌟 Abstände */
  --spacing-small: 8px;
  --spacing-medium: 16px;
  --spacing-large: 32px;
  --spacing-xlarge: 64px;

  /* 🌟 Schatten */
  --box-shadow-light: 0px 4px 10px rgba(0, 0, 0, 0.1);
  --box-shadow-medium: 0px 4px 10px rgba(0, 0, 0, 0.2);
}
@import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Comfortaa:wght@300;400;500;600;700&display=swap');