/* Global color palette overrides for Vuexy/Bootstrap dashboard
 * Primary: #026433 (green)
 * Secondary: #D8F594 (light green)
 * Primary text: #010B38 (dark blue)
 * Secondary text: #8E8E93 (gray)
 */

:root {
  /* Bootstrap core palette overrides */
  --bs-primary: #026433;
  --bs-primary-rgb: 2, 100, 51;

  --bs-secondary: #D8F594;
  --bs-secondary-rgb: 216, 245, 148;

  --bs-success: #026433;
  --bs-success-rgb: 2, 100, 51;

  --bs-warning: #D8F594;
  --bs-warning-rgb: 216, 245, 148;

  /* Text colors */
  --bs-body-color: #010B38;
  --bs-body-color-rgb: 1, 11, 56;

  --bs-secondary-color: #8E8E93;
  --bs-secondary-color-rgb: 142, 142, 147;

  /* Vuexy-style custom vars (if used) */
  --primary: #026433;
  --primary-rgb: 2, 100, 51;

  --secondary: #D8F594;
  --secondary-rgb: 216, 245, 148;

  --text-primary: #010B38;
  --text-secondary: #8E8E93;

  /* Surfaces */
  --surface-bg: #FFFFFF;
  --surface-muted-bg: #F8F8F8;
}

html,
body {
  color: #010B38;
  background-color: #F8F8F8;
}

/* Typography (colors only, keep original sizes/weights) */
.text-primary {
  color: #010B38 !important;
}

.text-muted,
.text-secondary,
.form-text,
label,
.small,
.help-block {
  color: #8E8E93 !important;
}

/* Primary buttons */
.btn-primary,
.btn.btn-primary {
  background-color: #026433 !important;
  border-color: #026433 !important;
  color: #FFFFFF !important;
}

.btn-primary:hover,
.btn.btn-primary:hover,
.btn-primary:focus,
.btn.btn-primary:focus,
.btn-primary:active,
.btn.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
  background-color: #014826 !important;
  border-color: #014826 !important;
  color: #FFFFFF !important;
}

.btn-primary:disabled,
.btn-primary.disabled {
  background-color: rgba(2, 100, 51, 0.65) !important;
  border-color: rgba(2, 100, 51, 0.65) !important;
}

/* Outline primary */
.btn-outline-primary {
  color: #026433 !important;
  border-color: #026433 !important;
  background-color: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: rgba(2, 100, 51, 0.08) !important;
  color: #026433 !important;
  border-color: #026433 !important;
}

/* Secondary / accent buttons */
.btn-secondary,
.btn.btn-secondary {
  background-color: #D8F594 !important;
  border-color: #D8F594 !important;
  color: #010B38 !important;
}

.btn-outline-secondary {
  color: #010B38 !important;
  border-color: #D8F594 !important;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active {
  background-color: #D8F594 !important;
  color: #010B38 !important;
}

/* Status colors */
.text-success,
.badge-success,
.alert-success {
  color: #026433 !important;
}

.bg-success,
.btn-success {
  background-color: #026433 !important;
  border-color: #026433 !important;
  color: #FFFFFF !important;
}

.bg-warning,
.btn-warning,
.badge-warning,
.alert-warning {
  background-color: #D8F594 !important;
  border-color: #D8F594 !important;
  color: #010B38 !important;
}

/* Navbar and header */
.header-navbar,
.navbar {
  background-color: #FFFFFF !important;
  color: #010B38 !important;
}

.header-navbar .nav-link,
.navbar .nav-link {
  color: #8E8E93 !important;
}

.header-navbar .nav-link:hover,
.navbar .nav-link:hover {
  color: #026433 !important;
}

.header-navbar .nav-link.active,
.navbar .nav-link.active,
.header-navbar .nav-item.active>.nav-link,
.navbar .nav-item.active>.nav-link {
  color: #026433 !important;
}

/* Dropdown user menu: active item (Profile / Security) */
.header-navbar .dropdown-menu .dropdown-item.active {
  background-color: #026433 !important;
  color: #ffffff !important;
}

.header-navbar .dropdown-menu .dropdown-item.active i,
.header-navbar .dropdown-menu .dropdown-item.active svg,
.header-navbar .dropdown-menu .dropdown-item.active span {
  color: #ffffff !important;
}

/* Profile page tabs (Account / Security) */
.nav-pills .nav-link.active {
  background-color: #026433 !important;
  color: #ffffff !important;
  border-color: #026433 !important;
  box-shadow: 0 4px 18px -4px rgba(2, 100, 51, 0.65) !important;
}

/* Sidebar / main menu */
.main-menu {
  background-color: #FFFFFF;
}

.main-menu .navigation>li>a {
  color: #8E8E93;
}

/* Active main item: solid success box, not primary gradient */
.main-menu.menu-light .navigation>li.active>a,
.main-menu.menu-light .navigation>li.sidebar-group-active>a {
  background: #026433 !important; /* remove Vuexy gradient entirely */
  background-image: none !important;
  color: #FFFFFF !important;
  border-radius: 6px !important;
  box-shadow: 0 0 10px 1px rgba(2, 100, 51, 0.4) !important;
}

/* Active submenu link: class="active d-flex align-items-center" */
.main-menu.menu-light .navigation > li .menu-content > li > a.active {
  background-color: #026433 !important;
  color: #FFFFFF !important;
  border-radius: 6px !important;
}

.main-menu.menu-light .navigation > li .menu-content > li > a.active .menu-item,
.main-menu.menu-light .navigation > li .menu-content > li > a.active i,
.main-menu.menu-light .navigation > li .menu-content > li > a.active svg {
  color: #FFFFFF !important;
}

/* Hover and focus on sidebar links (main & sub) */
.main-menu.menu-light .navigation > li > a:hover,
.main-menu.menu-light .navigation > li .menu-content > li > a:hover {
  background-color: rgba(2, 100, 51, 0.08) !important;
  color: #026433 !important;
}

/* Hover on user dropdown items (Profile / Security) */
.header-navbar .dropdown-menu .dropdown-item:hover {
  background-color: rgba(2, 100, 51, 0.08) !important;
  color: #026433 !important;
}

.main-menu .navigation i,
.main-menu .navigation svg {
  color: inherit;
}

/* Cards and surfaces */
.card,
.card-body,
.card-header,
.card-footer {
  background-color: #FFFFFF !important;
  color: #010B38 !important;
  border-color: #E5E5E5 !important;
}

.card-header {
  border-bottom-color: #E5E5E5 !important;
}

.content-wrapper,
.app-content,
.content-body {
  background-color: #F8F8F8 !important;
}

/* Badges */
.badge-primary {
  background-color: #026433 !important;
  color: #FFFFFF !important;
}

.badge-secondary {
  background-color: #D8F594 !important;
  color: #010B38 !important;
}

.badge-light-warning {
  background-color: #D8F594 !important;
  color: #010B38 !important;
}

.badge-light {
  background-color: #F8F8F8 !important;
  color: #010B38 !important;
}

/* Links and interactive text */
a,
.link-primary {
  color: #026433;
}

a:hover,
a:focus {
  color: #014826;
}