/* theme.css */


/* Basis-Variablen für Light */
:root {
  --bg-light: #eee;
  --text-light: #111;
  --card-bg: #fff;
  --border-default: #ddd;
  --info-border: #fff;
}

/* Light-Mode */
body {
  background: var(--bg-light);
  color: var(--text-light);
}


.hero {
    color: #1a1a1a;
}

.car-specs li {
  background: rgba(0,0,0, 0.1);
    color: #1a1a1a;
}
/* Dark-Mode */

.car-description, .car-ausstattung {
    color: #1a1a1a;
}

/* Übergang bei Theme-Wechsel */
body {
  transition: background .3s ease, color .3s ease;
}

.filters label {
    color: #1a1a1a;
}

.lightbox-content {
    background-color: white;
}

.lightbox-content h2 {
    color: #ff4500;
}

.lightbox-close {
    color: black;

}


/* Filter-Sektion */
.filters {
  background: var(--card-bg) !important;
}

/* Auto-Karten */
.car-card {
  background: var(--card-bg);
  border-bottom: 7px solid var(--border-default);
}

/* Auto-Info in der Karte */
.car-info {
  border-top: 0px solid var(--info-border) !important;
    color: #1a1a1a;
}

/* Services Overview Artikel */
.services-overview article {
  background: var(--card-bg);
}