:root {
  --logo-main: url(https://res.cloudinary.com/it-made-simple/image/upload/v1752073296/mein-recycling/bernhard-westarp/logo-small.jpg);
  --login-backdrop: url(https://res.cloudinary.com/it-made-simple/image/upload/v1751960537/mein-recycling/bernhard-westarp/login.jpg);
  --primary-color: #357a5b;
  --primary-front-color: #fff;
  --primary-hover: #2a6148;
  --primary-light: #4d9975;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.btn-primary:hover {
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
}

.navbar {
  background-color: var(--primary-color);
}

.navbar-brand {
  color: white !important;
}

a {
  color: var(--primary-color);
}

a:hover {
  color: var(--primary-hover);
}

.table-primary {
  background-color: var(--primary-light);
}

.badge-primary {
  background-color: var(--primary-color);
}

.text-primary {
  color: var(--primary-color) !important;
}