:root {
  --impo-primary: #3f90bf;
  --impo-primary-dark: #307096;
  --impo-accent: #3b9d74;
  --impo-bg: #f4f6f9;
  --impo-surface: #ffffff;
  --impo-text: #1f2937;
  --impo-muted: #6b7280;
}

body {
  background: var(--impo-bg);
  color: var(--impo-text);
}

.main-header.navbar,
#nav-bar {
  background: var(--impo-primary) !important;
  border-bottom: 0;
}

.main-header .nav-link,
.main-header .navbar-brand,
.main-header .btn,
.main-header .text-dark {
  color: #fff !important;
}

.main-sidebar,
#menu-menu {
  background: linear-gradient(180deg, var(--impo-primary-dark) 0%, #2a5f80 100%) !important;
}

.main-sidebar .brand-link,
.main-sidebar .user-panel,
.main-sidebar .nav-link {
  color: #eaf4fb !important;
}

.main-sidebar .nav-link.active,
.main-sidebar .nav-link:hover {
  background: rgba(255,255,255,0.12) !important;
  color: #fff !important;
}

.content-wrapper,
.card,
.small-box,
.info-box,
.modal-content {
  border-radius: 10px;
}

.card {
  border-top: 3px solid var(--impo-primary);
}

.btn-primary,
.bg-primary {
  background: var(--impo-primary) !important;
  border-color: var(--impo-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background: var(--impo-primary-dark) !important;
  border-color: var(--impo-primary-dark) !important;
}

.btn-success,
.bg-success {
  background: var(--impo-accent) !important;
  border-color: var(--impo-accent) !important;
}

a {
  color: var(--impo-primary);
}

a:hover {
  color: var(--impo-primary-dark);
}

.page-item.active .page-link {
  background: var(--impo-primary);
  border-color: var(--impo-primary);
}

.form-control:focus,
.custom-select:focus,
.select2-container--default .select2-selection--single:focus {
  border-color: var(--impo-primary);
  box-shadow: 0 0 0 0.2rem rgba(63, 144, 191, 0.2);
}

@media (max-width: 768px) {
  .main-header .navbar-nav {
    align-items: center;
  }
}