:root {
  --bs-primary: #29A5A7;
  --bs-primary-rgb: 41, 165, 167;
  --bs-primary-bg-subtle: #d4eded;
  --bs-primary-border-subtle: #a3dbdb;
  --bs-primary-text-emphasis: #186364;

  --bs-secondary: #415669;
  --bs-secondary-rgb: 65, 86, 105;
  --bs-secondary-bg-subtle: #d9dee1;
  --bs-secondary-border-subtle: #b3bcc3;
  --bs-secondary-text-emphasis: #27343f;

  /* Neutrals */
  --bs-body-bg: #f5f7f9;
  --bs-body-color: #444444;
  --bs-heading-color: #2f3349;
}

/* Specific overrides for Vuexy components */

.btn-primary {
  --bs-btn-bg: #29A5A7;
  --bs-btn-border-color: #29A5A7;
  --bs-btn-hover-bg: #228d8e;
  --bs-btn-hover-border-color: #228d8e;
  --bs-btn-active-bg: #1b6f70;
  --bs-btn-active-border-color: #1b6f70;
  --bs-btn-disabled-bg: #29A5A7;
  --bs-btn-disabled-border-color: #29A5A7;
}

.btn-label-primary {
  color: #29A5A7 !important;
  background-color: #e9f6f6 !important;
}

.text-primary {
  color: #29A5A7 !important;
}

.bg-primary {
  background-color: #29A5A7 !important;
}

.btn-secondary {
  --bs-btn-bg: #415669;
  --bs-btn-border-color: #415669;
  --bs-btn-hover-bg: #354655;
  --bs-btn-hover-border-color: #354655;
}

/* Sidebar Menu Customization */
.menu-vertical,
.menu-vertical .menu-inner > .menu-item.active > .menu-link {
  --bs-primary: #29A5A7;
}

.menu-vertical .menu-item.active > .menu-link,
.menu-vertical .menu-item.active > .menu-link i,
.menu-vertical .menu-item.active > .menu-link div {
    color: #fff !important;
}

.menu-vertical .menu-inner > .menu-item.active:before {
  background: #29A5A7 !important;
}

.menu-vertical .menu-inner > .menu-item.active > .menu-link {
    background: linear-gradient(72.47deg, #29A5A7 22.16%, rgba(41, 165, 167, 0.7) 76.47%) !important;
    box-shadow: 0px 2px 6px 0px rgba(41, 165, 167, 0.48) !important;
}

/* Sidebar Icons when not active */
.menu-vertical .menu-item .menu-icon {
    color: #415669 !important;
}

/* Inputs & Checkboxes */
.form-check-input:checked {
    background-color: #29A5A7 !important;
    border-color: #29A5A7 !important;
}

.form-control:focus, .form-select:focus {
    border-color: #29A5A7 !important;
    box-shadow: 0 0 0 0.25rem rgba(41, 165, 167, 0.25) !important;
}

/* Navbar highlights */
.layout-navbar .navbar-nav .nav-link:hover,
.layout-navbar .navbar-nav .nav-link:focus {
    color: #29A5A7 !important;
}

.layout-navbar .navbar-nav .nav-link i {
    color: #415669;
}

/* Progress bars */
.progress-bar {
    background-color: #29A5A7 !important;
}

/* Cards improvements */
.card-title {
    color: #415669 !important;
    font-weight: 600;
}

/* App Brand color */
.app-brand .text-primary {
  color: #29A5A7 !important;
}

/* Landing Page Hero/Front adjustments */
.landing-hero {
    background: linear-gradient(135deg, #f5f7f9 0%, #e9ecef 100%);
}

.bg-footer-theme {
    background-color: #415669 !important;
    color: #fff !important;
}

.bg-footer-theme .footer-link, 
.bg-footer-theme .footer-text {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Global Overrides */
a {
    color: #29A5A7;
}
a:hover {
    color: #228d8e;
}

h1, h2, h3, h4, h5, h6 {
    color: #415669;
}

/* Primary Utilities */
.text-primary {
  color: #29A5A7 !important;
}

.bg-primary {
  background-color: #29A5A7 !important;
}

.border-primary {
    border-color: #29A5A7 !important;
}

/* Secondary Utilities */
.text-secondary {
  color: #415669 !important;
}

.bg-secondary {
  background-color: #415669 !important;
}

/* Button Overrides */
.btn-primary {
  --bs-btn-bg: #29A5A7;
  --bs-btn-border-color: #29A5A7;
  --bs-btn-hover-bg: #228d8e;
  --bs-btn-hover-border-color: #228d8e;
  --bs-btn-active-bg: #1b6f70;
  --bs-btn-active-border-color: #1b6f70;
}

.btn-outline-primary {
    --bs-btn-color: #29A5A7;
    --bs-btn-border-color: #29A5A7;
    --bs-btn-hover-bg: #29A5A7;
    --bs-btn-hover-border-color: #29A5A7;
}

/* Auth Pages (Login/Register) Improvements */
.auth-inner .card {
    border-top: 5px solid #29A5A7;
}

.auth-inner .app-brand .text-primary {
    color: #29A5A7 !important;
}