/* donker.css — aanvulling op standaard Bootstrap 5.3 voor de donkere modus (data-bs-theme="dark"), 17 okt 2026.
   Bootstrap laat een paar dingen vast licht of te donker: .text-danger e.d., .btn-outline-*, .table-* en .bg-light/.bg-white.
   Hier krijgen ze de donker-bewuste Bootstrap-variabelen (…-text-emphasis, …-bg-subtle). In licht verandert er niets.
   Laden NA bootstrap.min.css. Kopie per site (CSP: alleen 'self'); bron: _shared/css/donker.css. */

/* Tekstkleuren: Bootstrap's eigen leesbare tinten voor donker */
[data-bs-theme="dark"] .text-primary   { color: var(--bs-primary-text-emphasis) !important; }
[data-bs-theme="dark"] .text-secondary { color: var(--bs-secondary-text-emphasis) !important; }
[data-bs-theme="dark"] .text-success   { color: var(--bs-success-text-emphasis) !important; }
[data-bs-theme="dark"] .text-danger    { color: var(--bs-danger-text-emphasis) !important; }
[data-bs-theme="dark"] .text-warning   { color: var(--bs-warning-text-emphasis) !important; }
[data-bs-theme="dark"] .text-info      { color: var(--bs-info-text-emphasis) !important; }
[data-bs-theme="dark"] .link-primary, [data-bs-theme="dark"] .link-primary:hover { color: var(--bs-primary-text-emphasis) !important; }
[data-bs-theme="dark"] .link-secondary, [data-bs-theme="dark"] .link-secondary:hover { color: var(--bs-secondary-text-emphasis) !important; }
[data-bs-theme="dark"] .link-success, [data-bs-theme="dark"] .link-success:hover { color: var(--bs-success-text-emphasis) !important; }
[data-bs-theme="dark"] .link-danger, [data-bs-theme="dark"] .link-danger:hover { color: var(--bs-danger-text-emphasis) !important; }
[data-bs-theme="dark"] .text-dark:not(.badge):not([class*="bg-"]) { color: var(--bs-body-color) !important; }

/* Omlijnde knoppen: tekst en rand in de leesbare tint */
[data-bs-theme="dark"] .btn-outline-primary   { --bs-btn-color: var(--bs-primary-text-emphasis);   --bs-btn-border-color: var(--bs-primary-text-emphasis); }
[data-bs-theme="dark"] .btn-outline-secondary { --bs-btn-color: var(--bs-secondary-text-emphasis); --bs-btn-border-color: var(--bs-secondary-text-emphasis); }
[data-bs-theme="dark"] .btn-outline-success   { --bs-btn-color: var(--bs-success-text-emphasis);   --bs-btn-border-color: var(--bs-success-text-emphasis); }
[data-bs-theme="dark"] .btn-outline-danger    { --bs-btn-color: var(--bs-danger-text-emphasis);    --bs-btn-border-color: var(--bs-danger-text-emphasis); }
[data-bs-theme="dark"] .btn-outline-warning   { --bs-btn-color: var(--bs-warning-text-emphasis);   --bs-btn-border-color: var(--bs-warning-text-emphasis); }
[data-bs-theme="dark"] .btn-outline-info      { --bs-btn-color: var(--bs-info-text-emphasis);      --bs-btn-border-color: var(--bs-info-text-emphasis); }
[data-bs-theme="dark"] .btn-outline-primary:hover, [data-bs-theme="dark"] .btn-outline-secondary:hover, [data-bs-theme="dark"] .btn-outline-success:hover,
[data-bs-theme="dark"] .btn-outline-danger:hover, [data-bs-theme="dark"] .btn-outline-warning:hover, [data-bs-theme="dark"] .btn-outline-info:hover { color: #000; }
[data-bs-theme="dark"] .btn-light { --bs-btn-bg: var(--bs-tertiary-bg); --bs-btn-border-color: var(--bs-border-color); --bs-btn-color: var(--bs-body-color); --bs-btn-hover-bg: var(--bs-secondary-bg); --bs-btn-hover-color: var(--bs-body-color); --bs-btn-hover-border-color: var(--bs-border-color); }

/* Lichte vlakken */
[data-bs-theme="dark"] .bg-white { background-color: var(--bs-body-bg) !important; }
[data-bs-theme="dark"] .bg-light { background-color: var(--bs-tertiary-bg) !important; }
[data-bs-theme="dark"] .bg-light.text-dark, [data-bs-theme="dark"] .bg-white.text-dark, [data-bs-theme="dark"] .badge.bg-light { color: var(--bs-body-color) !important; }
[data-bs-theme="dark"] .badge.bg-dark { background-color: var(--bs-secondary-bg) !important; color: var(--bs-body-color); }
[data-bs-theme="dark"] .navbar-light, [data-bs-theme="dark"] .navbar.bg-light { --bs-navbar-color: var(--bs-secondary-color); }

/* Tabelvarianten: vast licht in Bootstrap, hier de gedempte (subtle) tinten */
[data-bs-theme="dark"] .table-light     { --bs-table-color: var(--bs-body-color); --bs-table-bg: var(--bs-tertiary-bg);        --bs-table-border-color: var(--bs-border-color); --bs-table-striped-bg: var(--bs-secondary-bg); --bs-table-hover-bg: var(--bs-secondary-bg); }
[data-bs-theme="dark"] .table-primary   { --bs-table-color: var(--bs-body-color); --bs-table-bg: var(--bs-primary-bg-subtle);   --bs-table-border-color: var(--bs-primary-border-subtle);   --bs-table-striped-bg: var(--bs-primary-bg-subtle);   --bs-table-hover-bg: var(--bs-primary-bg-subtle); }
[data-bs-theme="dark"] .table-secondary { --bs-table-color: var(--bs-body-color); --bs-table-bg: var(--bs-secondary-bg-subtle); --bs-table-border-color: var(--bs-secondary-border-subtle); --bs-table-striped-bg: var(--bs-secondary-bg-subtle); --bs-table-hover-bg: var(--bs-secondary-bg-subtle); }
[data-bs-theme="dark"] .table-success   { --bs-table-color: var(--bs-body-color); --bs-table-bg: var(--bs-success-bg-subtle);   --bs-table-border-color: var(--bs-success-border-subtle);   --bs-table-striped-bg: var(--bs-success-bg-subtle);   --bs-table-hover-bg: var(--bs-success-bg-subtle); }
[data-bs-theme="dark"] .table-danger    { --bs-table-color: var(--bs-body-color); --bs-table-bg: var(--bs-danger-bg-subtle);    --bs-table-border-color: var(--bs-danger-border-subtle);    --bs-table-striped-bg: var(--bs-danger-bg-subtle);    --bs-table-hover-bg: var(--bs-danger-bg-subtle); }
[data-bs-theme="dark"] .table-warning   { --bs-table-color: var(--bs-body-color); --bs-table-bg: var(--bs-warning-bg-subtle);   --bs-table-border-color: var(--bs-warning-border-subtle);   --bs-table-striped-bg: var(--bs-warning-bg-subtle);   --bs-table-hover-bg: var(--bs-warning-bg-subtle); }
[data-bs-theme="dark"] .table-info      { --bs-table-color: var(--bs-body-color); --bs-table-bg: var(--bs-info-bg-subtle);      --bs-table-border-color: var(--bs-info-border-subtle);      --bs-table-striped-bg: var(--bs-info-bg-subtle);      --bs-table-hover-bg: var(--bs-info-bg-subtle); }
[data-bs-theme="dark"] .text-bg-light { background-color: var(--bs-secondary-bg) !important; color: var(--bs-body-color) !important; }