:root {
  --logo-main: url(https://res.cloudinary.com/it-made-simple/image/upload/v1756473185/mein-recycling/gebrueder-fabian/logo-small.png);
  --login-backdrop: url(https://res.cloudinary.com/it-made-simple/image/upload/v1756283869/mein-recycling/gebrueder-fabian/GebrFabPinKalt013_Large.png);
  --primary: #bf191b;
  --primary-color: #bf191b;
  --primary-front-color: #fff;
  --primary-hover: #9d1418;
  --primary-light: #d94346;
}

.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);
}

.card-header {
  background-color: var(--primary-light);
  color: white;
}

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

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

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

rsx-login {
  .logo {
    height: 8rem !important;
  }
}
.nav-logo {
  .company-logo {
    height: 4.5rem !important;
    margin: 3px !important;
  }
}