:root,
.light-style {
  --bs-primary: #03b0d4;
  --bs-primary-rgb: 3, 176, 212;
  --bs-purple: #03b0d4;
  --bs-purple-rgb: 3, 176, 212;
  --bs-link-color: #03b0d4;
  --bs-link-hover-color: #017a94;
  --bs-focus-ring-color: rgba(3, 176, 212, 0.25);
}

.dark-style {
  --bs-primary: #78d8eb;
  --bs-primary-rgb: 120, 216, 235;
  --bs-purple: #78d8eb;
  --bs-purple-rgb: 120, 216, 235;
  --bs-link-color: #78d8eb;
  --bs-link-hover-color: #a8edf7;
  --bs-focus-ring-color: rgba(120, 216, 235, 0.28);
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: #fff !important;
}

.btn-outline-primary {
  color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
}

.btn-label-primary {
  background-color: rgba(var(--bs-primary-rgb), 0.12) !important;
  color: var(--bs-primary) !important;
}

.bg-primary,
.badge.bg-primary {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
}

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

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

.bg-label-primary {
  background-color: rgba(var(--bs-primary-rgb), 0.12) !important;
  color: var(--bs-primary) !important;
}

.text-primary-light {
  color: #78d8eb !important;
}

.bg-primary-glow {
  background: radial-gradient(circle, rgba(3, 176, 212, 0.85) 0%, rgba(3, 176, 212, 0.2) 55%, rgba(3, 176, 212, 0) 100%) !important;
}

.bg-accent-glow {
  background: #017a94 !important;
}

.gradient-text {
  display: inline-block;
  color: #78d8eb !important;
  text-shadow: 0 0 14px rgba(3, 176, 212, 0.18);
}

.badge-custom {
  background: rgba(3, 176, 212, 0.15) !important;
  border: 1px solid rgba(3, 176, 212, 0.2) !important;
  color: #78d8eb !important;
}

.badge-custom,
.btn-outline-primary-glass,
.btn-neon,
.btn-neon-sm {
  color: #fff;
}

.btn-outline-primary-glass {
  border-color: rgba(3, 176, 212, 0.4) !important;
  background: rgba(3, 176, 212, 0.05) !important;
}

.btn-outline-primary-glass:hover {
  background: rgba(3, 176, 212, 0.15) !important;
}

.btn-neon,
.btn-neon-sm {
  background-color: #03b0d4 !important;
  box-shadow: 0 0 15px rgba(3, 176, 212, 0.4) !important;
}

.btn-neon:hover,
.btn-neon-sm:hover {
  background-color: #017a94 !important;
}

.pulse-primary,
.shadow-glow {
  box-shadow: 0 0 20px rgba(3, 176, 212, 0.25) !important;
}

/* Sidebar brand behavior */
.layout-menu .app-brand {
  padding-left: 1rem;
  padding-right: 1rem;
}

.layout-menu .app-brand-link {
  width: 100%;
  align-items: center;
}

.layout-menu .app-brand-logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 175px;
  overflow: visible;
}

.layout-menu .app-brand-logo .app-brand-img {
  display: block;
  max-width: 175px;
  height: auto;
}

.layout-menu .app-brand-logo .app-brand-img-collapsed {
  display: none !important;
}

.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand {
  padding-left: 0;
  padding-right: 0;
}

.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-link {
  justify-content: center;
}

.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-logo {
  min-width: 0;
  justify-content: center;
}

.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-logo .app-brand-img {
  display: none !important;
}

.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-logo .app-brand-img-collapsed {
  display: block !important;
  max-width: 38px;
  height: auto;
}

.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-link {
  padding-left: 0.35rem;
}

.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-logo {
  overflow: hidden;
}