/* Bootstrap-Anpassungen an Sparrebell-Theme (Dark/Light) */
:root {
  --bs-body-bg: var(--bg);
  --bs-body-color: var(--text);
  --bs-border-color: var(--border);
  --bs-primary: var(--accent);
  --bs-primary-rgb: 124, 92, 255;
  --bs-secondary: var(--text-muted);
}

[data-theme="light"] {
  --bs-body-bg: var(--bg);
  --bs-body-color: var(--text);
  --bs-primary: var(--accent);
}

/* Navbar */
.navbar {
  background: var(--bg-card) !important;
  border-bottom: 1px solid var(--border);
}
.navbar-brand, .navbar-nav .nav-link {
  color: var(--text) !important;
}
.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus {
  color: var(--accent) !important;
}
.navbar-nav .nav-link.active {
  color: var(--accent) !important;
  font-weight: 600;
}
.navbar-toggler {
  border-color: var(--border);
  color: var(--text);
}
.navbar-toggler-icon {
  filter: invert(0); 
}
[data-theme="light"] .navbar-toggler-icon {
  filter: invert(0);
}

/* Form controls */
.form-control, .form-select {
  background: var(--bg-card);
  border-color: var(--border);
  color: var(--text);
}
.form-control:focus, .form-select:focus {
  background: var(--bg-card);
  border-color: var(--accent);
  color: var(--text);
  box-shadow: 0 0 0 0.2rem var(--accent-dim);
}
.form-control::placeholder {
  color: var(--text-muted);
}

/* Buttons */
.btn-outline-primary {
  border-color: var(--accent);
  color: var(--accent);
}
.btn-outline-primary:hover {
  background: var(--accent-dim);
  border-color: var(--accent);
  color: var(--accent);
}
.btn-primary {
  background: var(--accent);
  border-color: var(--accent);
}
.btn-primary:hover {
  background: var(--accent-hover);
  border-color: var(--accent-hover);
}
.btn-secondary {
  background: var(--bg-hover);
  border-color: var(--border);
  color: var(--text);
}
.btn-secondary:hover {
  background: var(--border);
  color: var(--text);
}

/* Cards (Bootstrap) */
.bg-card-theme {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
}

/* Breadcrumb */
.breadcrumb-item a {
  color: var(--accent);
  text-decoration: none;
}
.breadcrumb-item.active {
  color: var(--text-muted);
}

/* List group */
.list-group-item {
  background: var(--bg-card);
  border-color: var(--border);
  color: var(--text);
}
.list-group-item-action:hover {
  background: var(--bg-hover);
  color: var(--text);
}

/* Links */
a {
  color: var(--accent);
}
a:hover {
  color: var(--accent-hover);
}

/* Text muted */
.text-muted {
  color: var(--text-muted) !important;
}