/**
 * Customer-specific styles for Customer ID: 9728
 * 
 * Hier können Webdesigner kundenspezifische Farben, Schriftarten,
 * Abstände und andere Design-Anpassungen vornehmen.
 */

@layer base {
  /* Farben für Customer 9728 */
  :root {
    --customer-primary: #04A1CC; /* Blau/Türkis */
    --customer-secondary: #038fb5; /* Etwas dunkler für Hover */
    --customer-accent: #06b6d4;
    --customer-text: #171717;
    --customer-background: #ffffff;
  }
}

@layer components {
  /* Überschreibe CTA-Button im Header */
  .header-cta {
    @apply bg-[var(--customer-primary)] hover:bg-[var(--customer-secondary)] text-white;
  }

  /* Kundenspezifische Button-Styles */
  .btn-primary {
    @apply bg-[var(--customer-primary)] hover:bg-[var(--customer-secondary)] text-white px-6 py-3 rounded-lg font-semibold transition-colors;
  }
}