:root{
    --base-clr: #11121a;
    --line-clr: #42434a;
    --hover-clr: #222533;
    --text-clr: #fff;
    --accent-clr: #f2f2f2;
    --main-clr: #00b4d8;
    --secondary-clr: #b0b3c1;
    --links-clr: #f9b81b;
    --linksHover-clr: #f7d00d;
}

*{
    margin: 0;
    padding: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    box-sizing: border-box;
}

.btn-hover-custom:hover{
    background: #343a40 !important; /* Bootstrap dark */;
    color: white !important;
}

.nav-link-hover-custom {
    transition: color 0.3s ease, border-bottom 0.3s ease !important;
    position: relative !important;
  }
  
  .nav-link-hover-custom:hover {
    color: #ffc107 !important; /* Bootstrap warning color */
  }
  
  .nav-link-hover-custom::after {
    content: "" !important;
    position: absolute !important;
    width: 0% !important;
    height: 2px !important;
    left: 0 !important;
    bottom: 0 !important;
    background-color: #ffc107 !important;
    transition: width 0.3s ease !important;
  }
  
  .nav-link-hover-custom:hover::after {
    width: 100% !important;
  }
  

.footer-link:hover {
    color: #ffc107 !important; /* Bootstrap warning color, change as desired */
  }