/* =====================================================
   Classic Theme (bg-secondary + white text)
   ===================================================== */

:root {
    --theme-primary: var(--bs-secondary);          /* Bootstrap info */
    --theme-primary-light: var(--bs-secondary-bg-subtle);    /* Hover slategrey */
    --theme-primary-dark: var(--bs-secondary-emphasis);     /* Emphasis */
    --theme-text-on-primary: #var(--bs-secondary-text-emphasis);
    --theme-text-hover: var(--bs-secondary-text-emphasis);

    --theme-bg-dark: var(--bs-secondary);          /* Bootstrap bg-info */
    --theme-bg-dark-soft: var(--bs-secondary);     /* Cards / tables */
    --theme-border-dark: var(--bs-border-color);
}
.navbar {
    background-color: var(--bs-secondary) !important;
	 color: white !important;
}

.nav-link {
	 background-color: var(--theme-primary-dark) !important;
	 color: white !important;
}

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

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

.nav-link:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: -2px;
}
.link-success {
	color: darkgrey !important;        /* Bootstrap secondary */
}
.link-success:hover {
	color: var(--theme-primary-emphasis) !important;
}
.table-success {
    --bs-table-bg: var(--theme-primary);      /* Bootstrap main theme */
    --bs-table-striped-bg: var(--theme-primary-light);
    --bs-table-active-bg: var(--theme-primary-dark);
    --bs-table-hover-bg: var(--theme-primary-light);

    --bs-table-color: white;   /* Black-900 text */
    --bs-table-border-color: black;
}
.helpbutton {
    color: white;
    background-color: var(--theme-primary);
}

.helpbutton:hover {
    background-color: var(--theme-primary-emphasis);
    color: white;
}
h5 {
	color: white !important;
}
.btn-close {
  --bs-btn-close-filter: invert(1) !important;
}