:root {
  --vz-primary: #1c4a82;
  --vz-primary-rgb: 28, 74, 130;
  --vz-success: #10b981;
  --vz-success-rgb: 16, 185, 129;
  --vz-warning: #f0b429;
  --vz-warning-rgb: 240, 180, 41;
  --vz-info: #0ea5e9;
  --vz-info-rgb: 14, 165, 233;
}

.btn-primary {
  background-color: var(--vz-primary);
  border-color: var(--vz-primary);
}
.btn-success {
  background-color: var(--vz-success);
  border-color: var(--vz-success);
}
.btn-warning {
  background-color: var(--vz-warning);
  border-color: var(--vz-warning);
}

a {
  color: var(--vz-primary);
}
a:hover {
  color: #15365f;
}

.badge-soft-primary {
  color: var(--vz-primary);
  background-color: rgba(var(--vz-primary-rgb), 0.15);
}
.badge-soft-success {
  color: var(--vz-success);
  background-color: rgba(var(--vz-success-rgb), 0.15);
}

/* Auth background override: remove centered logo and set green hue */
.auth-one-bg {
  background-image: none !important;
  background-color: #10b981 !important;
}

/* Sidebar: light, clean look */
.navbar-menu {
  background-color: #ffffff !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
  border-right: 1px solid #eef2f6;
}
.navbar-menu .menu-title {
  color: #94a3b8 !important;
  letter-spacing: 0.08em;
  font-weight: 600;
}
.navbar-menu .navbar-nav .nav-link {
  color: #0f172a !important;
  font-weight: 600;
  border-radius: 10px;
  padding: 10px 14px;
  transition: all 0.2s ease;
}
.navbar-menu .navbar-nav .nav-link .badge,
.navbar-menu .navbar-nav .nav-link .menu-arrow {
  color: #94a3b8 !important;
}
.navbar-menu .navbar-nav .nav-link:hover,
.navbar-menu .navbar-nav .nav-link:focus,
.navbar-menu .navbar-nav .nav-link.active {
  background-color: rgba(var(--vz-success-rgb), 0.1);
  color: #0f9b6d !important;
}
.navbar-menu .navbar-nav .nav-link:hover .menu-arrow,
.navbar-menu .navbar-nav .nav-link.active .menu-arrow {
  color: #0f9b6d !important;
}
.navbar-menu .navbar-brand-box {
  background-color: transparent;
  border-bottom: 1px solid #eef2f6;
}
