/* custom.css */
:root{
  --bs-primary: #001f3d;
  --bs-primary-lighter : #00264d;
  --bs-primary-lightest : #003366;
  --bs-primary-darkest : #00172e;
  --bs-white: #fff;
}
.btn-primary,
.bg-primary , .dropdown-menu {
  background-color: var(--bs-primary-lightest) !important; /* Navy blue */
  border-color: var(--bs-primary-lightest) !important;
  color: var(--bs-white) !important;
}
.btn-primary:hover {
  background-color: var(--bs-primary-lighter) !important; /* Slightly lighter on hover */
  border-color: var(--bs-primary-lighter) !important;
}
.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link.active, .btn-link:hover{
     color: var(--secondary) !important; 
}
.text-primary{
    color: var(--bs-primary-lightest) !important;
}


html[data-theme="dark"] {

body{
    background-color: var(--bs-primary) ;
    color: var(--bs-white) !important;
}




.card{
    background: none;
   background-color: var(--bs-primary) !important;
    color: var(--bs-white) !important;  
}
.bg-white{
   background-color: var(--bs-primary) !important;
}
.text-primary, .text-dark, .text-secondary, h1, h2, h3, h4, h5, h6{
    color: var(--bs-white) !important;  
}
.bg-light, .service-item, .team-item, .accordion *{
   background-color: var(--bs-primary-lighter) !important;
}
.fact-item:hover{
    background: var(--bs-primary-lighter) !important;
}
.modal-content{
  background: var(--bs-primary) !important ;  /* Navy blue */
  color: var(--bs-white) !important;             /* White text */
  border: 1px solid var(--bs-primary) !important;  /* Optional: border color */
}

.modal-header,
.modal-footer {
  background-color: var(--bs-primary-lightest) !important;  /* Slightly different navy */
  color: var(--bs-white);
}

/* Close button styling */
.btn-close {
  filter: invert(1); /* Makes close button visible on dark background */
}

.form-floating label{
 color: var(--bs-primary);
}

.bg-dark{
    background-color: var(--bs-primary-darkest) !important;
}
}
/*Update end*/