body {
    --company-color: none;
    --bs-body-font-family: 'Poppins', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.breadcrumb {
    --bs-breadcrumb-bg: var(--kora-hub-color) !important;
    --bs-breadcrumb-padding-x: 1rem !important;
}
.navbar a.navbar-brand {
    color: white !important;
}
.navbar a.navbar-brand {
    color: var(--bs-nav-link-color);
}
.navbar a.navbar-brand:first-of-type:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  width: 48px;
  height: 48px;

  background-color: var(--kora-logo-color);
  -webkit-mask: var(--kora-logo) round;
  mask: var(--kora-logo) round;
}

.login-form  h3,
.login-form ~ h3 {
    color: var(--kora-color);
}
.login-form  h3:after,
.login-form ~ h3:after {
  font-size: 0.9rem;
}

.navbar:first-of-type {
    --bs-light-rgb: var(--kora-color-rgb);
    --bs-navbar-brand-font-size: 1.5rem;
    font-family: 'Poppins', var(--bs-font-sans-serif);
    color: white;
}

.navbar:first-of-type .nav-link {
  color: white !important;
}

.navbar:first-of-type .nav-link:hover {
   color: white !important;
   text-shadow: 0 0 1px rgba(255,255,255,0.6);
}

.navbar:first-of-type .nav-link + .dropdown-menu {
    --bs-dropdown-bg: var(--kora-color) !important;
    --bs-dropdown-link-color: white !important;
    --bs-dropdown-link-hover-color: white !important;
    --bs-dropdown-link-hover-bg: var(--kora-light-color) !important;
    --bs-dropdown-link-active-color: white !important;
    --bs-dropdown-link-active-bg: var(--kora-light-color) !important;
}

.table-striped {
    --bs-table-striped-bg: var(--kora-hub-color) !important;
}

h1, h2 {
    color: var(--kora-color) !important;
}

form[method="get"] button.btn-secondary {
    background-color: var(--kora-color) !important;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--kora-color) !important;
    box-shadow: 0 0 0 0.25rem rgba(var(--kora-color-rgb), 0.25) !important;
}

.card.border-primary {
    border-color: var(--kora-color) !important;
}