/* =====================================================
   Dark Theme (bg-dark + white text)
   ===================================================== */

:root {
    --theme-primary: #0d6efd;          /* Bootstrap blue */
    --theme-primary-light: grey;    /* Hover slategrey */
    --theme-primary-dark: slategrey;     /* Emphasis */
    --theme-text-on-primary: #ffffff;
    --theme-text-hover: #ffffff;

    --theme-bg-dark: #212529;          /* Bootstrap bg-dark */
    --theme-bg-dark-soft: #2b3035;     /* Cards / tables */
    --theme-border-dark: #495057;
}
.navbar {
    background-color: var(--theme-bg-dark) !important;
}

.nav-link {
    color: #ffffff !important;
}

.nav-link.active {
    font-weight: 600;
    background-color: var(--theme-dark) !important;
    color: #ffffff !important;
}

.nav-link:hover,
.nav-link:focus {
    background-color: var(--theme-primary-dark) !important;
    color: #ffffff !important;
}

.nav-link:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: -2px;
}
.link-success {
    color: darkgrey !important;
}

.link-success:hover,
.link-success:focus {
    color: grey !important;
    text-decoration: underline;
}
.table-success {
    --bs-table-bg: var(--theme-bg-dark-soft);
    --bs-table-striped-bg: #343a40;
    --bs-table-active-bg: #495057;
    --bs-table-hover-bg: #3d444a;

    --bs-table-color: #ffffff;
    --bs-table-border-color: var(--theme-border-dark);
}
.helpbutton {
    color: #ffffff;
    background-color: var(--theme-primary);
}

.helpbutton:hover {
    background-color: var(--theme-primary-light);
    color: #ffffff;
}
.btn-close {
  --bs-btn-close-filter: invert(1) !important;
}
.modal-title {
  color: var(--theme-primary-light) !important;
}
h4 {
	font-size: 11px;
	color: black;
}

h5 {
	color: black;
	font-size: 15px;
}