:root,
[data-bs-theme=light] {
  --bs-primary: #005a9c;
  --bs-primary-rgb: 0, 90, 156;
  --bs-primary-text-emphasis: #004070;
  --bs-primary-bg-subtle: rgba(0, 167, 157, 0.12);
  --bs-primary-border-subtle: rgba(0, 90, 156, 0.32);
  --bs-link-color: #005a9c;
  --bs-link-color-rgb: 0, 90, 156;
  --bs-link-hover-color: #00857d;
  --bs-link-hover-color-rgb: 0, 133, 125;
  --bs-focus-ring-color: rgba(0, 167, 157, 0.25);
  --bs-body-bg: #f5f9fb;
  --bs-topbar-bg: #ffffff;
  --bs-startbar-bg: #ffffff;
  --bs-menu-link-color: #063756;
  --bs-menu-icon-color: #00857d;
  --bs-menu-label-color: #607d8b;
  --invocore-primary: #005a9c;
  --invocore-primary-dark: #003f70;
  --invocore-teal: #00a79d;
  --invocore-teal-dark: #00857d;
  --invocore-ink: #063756;
}

.btn-primary {
  --bs-btn-bg: var(--invocore-primary);
  --bs-btn-border-color: var(--invocore-primary);
  --bs-btn-hover-bg: var(--invocore-primary-dark);
  --bs-btn-hover-border-color: var(--invocore-primary-dark);
  --bs-btn-active-bg: var(--invocore-teal-dark);
  --bs-btn-active-border-color: var(--invocore-teal-dark);
  --bs-btn-disabled-bg: var(--invocore-primary);
  --bs-btn-disabled-border-color: var(--invocore-primary);
}

.btn-outline-primary {
  --bs-btn-color: var(--invocore-primary);
  --bs-btn-border-color: var(--invocore-primary);
  --bs-btn-hover-bg: var(--invocore-primary);
  --bs-btn-hover-border-color: var(--invocore-primary);
  --bs-btn-active-bg: var(--invocore-teal-dark);
  --bs-btn-active-border-color: var(--invocore-teal-dark);
  --bs-btn-disabled-color: var(--invocore-primary);
  --bs-btn-disabled-border-color: var(--invocore-primary);
}

.auth-header-box {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(0, 90, 156, 0.08) 0%, rgba(0, 167, 157, 0.14) 100%),
    #ffffff !important;
  border-bottom: 1px solid rgba(0, 90, 156, 0.12);
}

.auth-header-box::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(90deg, var(--invocore-primary), var(--invocore-teal));
}

.auth-header-box .text-center {
  position: relative;
  z-index: 1;
}

.auth-header-box .text-white {
  color: var(--invocore-ink) !important;
}

.auth-header-box .text-muted {
  color: #5f7180 !important;
}

.logo-admin {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: min(360px, 94%);
  padding: 14px 22px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(0, 90, 156, 0.12);
  border-radius: 12px;
  box-shadow: 0 14px 34px rgba(0, 63, 112, 0.12);
}

.invocore-auth-logo {
  width: 100%;
  height: auto;
  max-height: 96px;
  object-fit: contain;
}

.startbar {
  border-right: 1px solid rgba(0, 90, 156, 0.08);
}

.startbar .brand .logo-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
}

.startbar .brand .logo-sm {
  width: 42px;
  height: 42px;
  object-fit: contain;
  display: none;
}

.startbar .brand .logo-sm.logo-light,
.startbar .brand .logo-lg.logo-light {
  display: none !important;
}

.startbar .brand .logo-lg {
  width: 185px;
  max-width: calc(var(--bs-startbar-width) - 48px);
  height: auto;
  object-fit: contain;
}

.startbar .startbar-menu .navbar-nav .nav-item .nav-link:hover,
.startbar .startbar-menu .navbar-nav .nav-item .nav-link.active {
  color: var(--invocore-primary);
}

.startbar .startbar-menu .navbar-nav .nav-item .nav-link:hover .menu-icon,
.startbar .startbar-menu .navbar-nav .nav-item .nav-link.active .menu-icon,
.startbar .startbar-menu .navbar-nav .nav-item .nav-link[aria-expanded=true] i,
.startbar .startbar-menu .navbar-nav .nav-item .nav-link[aria-expanded=true] span {
  color: var(--invocore-primary);
}

.startbar .startbar-menu .navbar-nav .nav-item .nav-link:hover::before,
.startbar .startbar-menu .navbar-nav .nav-item .nav-link.active::before,
.startbar .startbar-menu .navbar-nav .nav-item .nav-link[aria-expanded=true]::before {
  border-color: var(--invocore-teal) !important;
  background-color: var(--invocore-teal) !important;
}

.startbar .startbar-menu .navbar-nav .nav-item .nav-link[aria-expanded=true] {
  background-color: rgba(0, 167, 157, 0.08);
}

.topbar .nav-icon,
.topbar .app-search button {
  color: var(--invocore-primary);
}

.topbar .alert-badge {
  background-color: var(--invocore-teal);
}

.form-control:focus,
.form-select:focus {
  border-color: rgba(0, 167, 157, 0.65);
  box-shadow: 0 0 0 0.2rem rgba(0, 167, 157, 0.15);
}

@media (min-width: 1200px) {
  body[data-sidebar-size=collapsed] .startbar:not(:hover) .brand .logo-sm.logo-dark {
    display: inline-block !important;
  }

  body[data-sidebar-size=collapsed] .startbar:not(:hover) .brand .logo-lg.logo-dark {
    width: 0;
    opacity: 0;
    display: none !important;
  }
}