/* Casualerrand — Motordiagnose dunkel: #111827, Akzent #EF4444, Zusatz #F59E0B, Hintergrund #030712, Text #E5E7EB */
:root {
  --primary-50: #fef2f2;
  --primary-100: #fee2e2;
  --primary-200: #fecaca;
  --primary-300: #fca5a5;
  --primary-400: #f87171;
  --primary-500: #ef4444;
  --primary-600: #dc2626;
  --primary-700: #b91c1c;
  --primary-800: #991b1b;
  --primary-900: #7f1d1d;
  --primary-950: #450a0a;
  --primary-rgb: 239, 68, 68;
  --accent-50: #fffbeb;
  --accent-100: #fef3c7;
  --accent-200: #fde68a;
  --accent-300: #fcd34d;
  --accent-400: #fbbf24;
  --accent-500: #f59e0b;
  --accent-600: #d97706;
  --accent-700: #b45309;
  --accent-800: #92400e;
  --accent-900: #78350f;
  --accent-rgb: 245, 158, 11;
  --neutral-50: #f9fafb;
  --neutral-100: #f3f4f6;
  --neutral-200: #e5e7eb;
  --neutral-300: #d1d5db;
  --neutral-400: #9ca3af;
  --neutral-500: #6b7280;
  --neutral-600: #4b5563;
  --neutral-700: #374151;
  --neutral-800: #1f2937;
  --neutral-900: #111827;
  --neutral-950: #030712;
  --surface-primary: #030712;
  --surface-secondary: #111827;
  --surface-accent: #1f2937;
  --text-primary: #e5e7eb;
  --text-secondary: #9ca3af;
  --text-accent: #ef4444;
  --button-primary-bg: #ef4444;
  --button-primary-text: #030712;
  --button-primary-text-rgb: 3, 7, 18;
  --button-secondary-bg: #1f2937;
  --button-secondary-text: #e5e7eb;
  --border-light: #374151;
  --border-medium: #4b5563;
}

body {
  background-color: var(--surface-primary);
  color: var(--text-primary);
}

.header-style {
  --header-accent: #ef4444;
  background: #111827;
  border-bottom: 1px solid #374151;
}

.header-style .brand-link,
.header-style .nav-link,
.header-style .nav-link-mobile {
  color: #e5e7eb;
}

.header-style .nav-link:hover,
.header-style .nav-link-mobile:hover {
  color: #ef4444;
}

.header-style .hamburger-line {
  background: #e5e7eb;
}

.header-style .mobile-menu-overlay {
  background: rgba(3, 7, 18, 0.97);
}

.hero-section-alt {
  background: linear-gradient(135deg, #030712 0%, #111827 50%, #1f2937 100%);
}

.hero-section-alt .hero-title,
.hero-section-alt .hero-subtitle,
.hero-section-alt .hero-description {
  color: #e5e7eb;
}

.hero-section-alt .hero-badge .badge-dot {
  background: #ef4444;
}

.hero-section-alt .feature-icon {
  background: rgba(239, 68, 68, 0.15);
  color: #ef4444;
}

.floating-icon .bi-star-fill,
.floating-icon .bi-compass {
  color: #f59e0b;
}

.usp-section,
.about-section,
.services-section,
.leadgen-section-secondary,
.contact-section-modern,
#blog {
  background-color: var(--surface-primary);
}

.usp-card,
.service-card,
.about-feature-card,
.blog-card,
.leadgen-form-card,
.form-card,
.info-card {
  background: #111827;
  border: 1px solid #374151;
  color: #e5e7eb;
}

.usp-card .text-secondary,
.service-card .text-secondary,
.bright_body_base.text-secondary,
.lead .text-muted,
.text-muted {
  color: #9ca3af !important;
}

.content_section_title,
.premium_section_subtitle,
.display-4,
.display-5,
.studio_body_large {
  color: #e5e7eb;
}

.usp-value-badge {
  background: rgba(245, 158, 11, 0.15);
  color: #f59e0b;
}

.btn-leadgen-submit,
.btn-submit {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
  border-color: #ef4444 !important;
  color: #030712 !important;
}

.service-cta,
.blog-card-link {
  background: #f59e0b !important;
  color: #030712 !important;
}

.form-control,
.form-select {
  background: #1f2937;
  border-color: #374151;
  color: #e5e7eb;
}

.form-control:focus,
.form-select:focus {
  background: #1f2937;
  border-color: #ef4444;
  color: #e5e7eb;
  box-shadow: 0 0 0 0.2rem rgba(239, 68, 68, 0.25);
}

.form-floating > label {
  color: #9ca3af;
}

.footer-style {
  background: #030712;
  border-top: 1px solid #374151;
}

.footer-style .footer-sitename,
.footer-style .footer-section-title,
.footer-style .footer-description,
.footer-style .contact-details,
.footer-style .contact-details a,
.footer-style .footer-links-list a {
  color: #e5e7eb;
}

.footer-disclaimer {
  background: #111827;
  border: 1px solid #374151;
  border-radius: 8px;
  padding: 1.5rem;
  margin-top: 2rem;
}

.footer-disclaimer p {
  color: #9ca3af;
  font-size: 0.875rem;
  margin-bottom: 0.75rem;
}

.footer-disclaimer .bi-info-circle {
  color: #ef4444;
}

.copyright-text {
  color: #6b7280;
}

.decorative-circle,
.decorative-blob,
.bg-shape {
  opacity: 0.35;
}

.accordion-item {
  background: #111827;
  border-color: #374151;
  color: #e5e7eb;
}

.accordion-button {
  background: #1f2937;
  color: #e5e7eb;
}

.accordion-button:not(.collapsed) {
  background: #374151;
  color: #ef4444;
}

.accordion-body {
  background: #111827;
  color: #9ca3af;
}

section.py-5 h1,
section.py-5 h2,
section.py-5 p,
section.py-5 li {
  color: #e5e7eb;
}

section.py-5 a {
  color: #ef4444;
}