:root {
    --bs-primary: #003366; /* Corporate Blue */
    --bs-primary-rgb: 0, 51, 102;
  
    --bs-link-color: #003366;
    --bs-link-hover-color: #002244;
  
    --bs-btn-bg: #003366;
    --bs-btn-border-color: #003366;
    --bs-btn-hover-bg: #002244;
    --bs-btn-hover-border-color: #002244;
    --bs-btn-active-bg: #001122;
    --bs-btn-active-border-color: #001122;
  
    --bs-navbar-bg: #003366;
    --bs-navbar-color: #ffffff;
  
    --bs-border-color: #ccd9e6;
  }
  
  /* Buttons */
  .btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
  }
  .btn-primary:hover {
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
  }
  .btn-primary:active,
  .btn-primary:focus {
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
  }
  
  /* Navbar */
  .navbar {
    background-color: var(--bs-navbar-bg);
  }
  .navbar .nav-link,
  .navbar .navbar-brand {
    color: var(--bs-navbar-color);
  }
  .navbar .nav-link, .navbar .navbar-brand {
    color: var(--bs-navbar-color);
}
  .navbar .navbar-brand:hover {
    /* color: rgba(255, 255, 255, 0.8); */
  }
  
  /* Links */
  a {
    color: var(--bs-link-color);
  }
  a:hover {
    color: var(--bs-link-hover-color);
  }
  
  /* Cards and borders */
  .card {
    border-color: var(--bs-border-color);
  }

  

.hover-shadow:hover {
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    transition: box-shadow 0.3s ease;
}
body{
  background-color: #f5efef;
}