/* ABGESCHRIEBEN e.V. Brand Colors Applied */

/* Body styles */
body {
  color: #1F2937;
  background-color: #FFFFFF;
}

/* Navigation */
#header {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #E5E7EB;
}

.brand-logo {
  color: #663399 !important;
  font-weight: bold;
}

/* Navigation links */
nav a {
  color: #4B5563;
  transition: color 0.3s ease;
}

nav a:hover {
  color: #663399 !important;
}

/* Buttons */
.btn-primary {
  background-color: #663399;
  color: #FFFFFF;
  border: none;
  transition: background-color 0.3s ease, opacity 0.3s ease;
}

.btn-primary:hover {
  color: #FFFFFF;
  opacity: 0.9;
}

.btn-accent {
  background-color: #A4D65E;
  color: #1F2937;
  border: none;
  transition: background-color 0.3s ease;
}

.btn-accent:hover {
  background-color: #8BC34A;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: #663399;
}

/* Links */
a {
  color: #663399;
}

a:hover {
  color: #8B5CB8;
}

/* Tagline with handwritten font */
.tagline-handwritten {
  font-family: 'Kalam', cursive;
  color: #c8d400;
  font-weight: 400;
}

/* Section backgrounds */
.section-purple {
  background-color: #663399;
  color: #FFFFFF;
}

.section-lime {
  background-color: #A4D65E;
  color: #1F2937;
}

/* Gradient backgrounds */
.bg-brand-gradient {
  background: linear-gradient(135deg, #663399 0%, #A4D65E 100%);
  color: #FFFFFF;
}

/* Footer */
footer {
  background-color: #F9FAFB;
  border-top: 1px solid #E5E7EB;
}

footer h3 {
  color: #663399;
}

footer a {
  color: #4B5563;
}

footer a:hover {
  color: #663399;
}

/* Email link styling */
a[href^="mailto:"] {
  color: #663399;
  text-decoration: underline;
}

a[href^="mailto:"]:hover {
  color: #8B5CB8;
}

/* Menu toggle styling */
.fill-current {
  fill: #663399;
}