/*-- scss:defaults --*/
// Base document colors

$background: #212529;
$highlight: #292e33;
$highlight: #373a3c;
$links: #0EBBF0;
$text: #ffffff;


$body-bg: $background;
$body-color: $text;
$link-color: $links;
$navbar-bg: $highlight;
$navbar-hl: $links ;

$code-color: #c2d94c;
$code-bg: #2b2b2b;

// Code blocks
$code-block-bg-alpha: -.9;



.navbar-nav .dropdown-menu {
  background-color: $highlight; // Dark mode dropdown background color

  a {
    color: #0EBBF0; // Dark mode dropdown text color
  }
}


// nav tabs
// .nav-tabs {
//     background-color: $links;
// }

// .nav-tabs .nav-link {
//     background-color: $links;
// }

// .nav-tabs .nav-link,
// .nav-tabs .nav-link.active,
// .nav-tabs .nav-item.show .nav-link {
//     background-color: $links;
// }

.nav-tabs .nav-link:hover {
  background-color: $links;
  border-color: $links;
}

// .nav-tabs .nav-link i {
//     background-color: $links;
// }

// .nav-tabs .nav-link {
//     // background-color: rgb(0, 0, 0);
//     // background: #212529;
//     color: $text;
// }

// .nav-tabs .nav-link:hover {
//     border-color: $links;
//     color: $text;
// }

// // .nav-tabs .nav-item.show .nav-link {
// //     background-color: rgb(0, 0, 0);
// //     color: $text;
// // }

// .nav-tabs .nav-link:hover {
//     border-color: rgb(255, 72, 0);
//     // border-width: 1px;
// }

.footer-image-light {
  display: none;
}

.footer-image-dark {
  display: inline;
}