/*
SPDX-FileCopyrightText: 2023-2024 Karine Nanyan <s4kanany[AT]uni-trier[DOT]de>
SPDX-FileCopyrightText: 2023-2024 Jan Weymeirsch <weymeirsch[AT]uni-trier[DOT]de>
SPDX-FileCopyrightText: 2023-2024 MikroSim Project
SPDX-License-Identifier: MIT
*/

:root {
  --hero-overlay: rgba(0, 0, 0, 0.8) !important;
  --fc: #eeeeee !important;
  --bc: #393939 !important;
  --lc: #689cc7 !important;
}

/* dark backgorund, bright content */
html, html * {
  color: var(--fc) !important;
  background-color: var(--bc) !important;
}

/* Ensure Text- and media-elements do not have a background */
p, strong, h1, h2, h3, h4, h5, h6, span, ul, li, img, video, a {
  background-color:transparent !important;
}

/* Make all containers transparent */
.container, .container * {
  background-color: transparent !important;
}

/* Links */
a, a:visited {
  color: var(--lc) !important;
}

a:hover {
  color: var(--link-focus) !important;
}

/* Buttons */
button, a.btn, .btn-template-main {
  color: var(--fc) !important;
  background-color: var(--primary-accent) !important;
}

/* Navigation bar */
.nav > li > a,
.nav > li > ul > li > a
{
  color: #eeeeee !important;
}
.dropdown-menu {
  background-color: #292929 !important;
}
.dropdown.active {
  background-color: var(--primary-accent) !important;
  border-color: var(--primary-accent) !important;
}

/* Footer */
.additional-footer-layer {
  background-color: #111111 !important;
}
#footer, #copyright
{
  background-color: #212529 !important;
}

/* Image Filter from black to white */
.darkify-b2w {
  filter: invert(93%) sepia(100%) saturate(27%) hue-rotate(97deg) brightness(106%) contrast(108%);
}

/* Toggle Icon */
#dark-mode-toggle:after {
  content: "\f185" !important; /* Sun */
}