/* thema-donker.css (17 okt 2026) — Bootstrap 5.3 laat de outline-knoppen en link-primary in donker op de lichte kleuren staan (te weinig contrast).
 * Hier dezelfde Bootstrap-variabelen, maar met de "emphasis"-tinten die Bootstrap zelf voor donker meelevert. Alleen laden na bootstrap.css. */
[data-bs-theme=dark] .btn-outline-primary   { --bs-btn-color: var(--bs-primary-text-emphasis);   --bs-btn-border-color: var(--bs-primary-text-emphasis);   --bs-btn-hover-bg: var(--bs-primary-text-emphasis);   --bs-btn-active-bg: var(--bs-primary-text-emphasis);   --bs-btn-hover-color: #000; --bs-btn-active-color: #000; --bs-btn-hover-border-color: var(--bs-primary-text-emphasis); --bs-btn-active-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); --bs-btn-hover-bg: var(--bs-secondary-text-emphasis); --bs-btn-active-bg: var(--bs-secondary-text-emphasis); --bs-btn-hover-color: #000; --bs-btn-active-color: #000; --bs-btn-hover-border-color: var(--bs-secondary-text-emphasis); --bs-btn-active-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);   --bs-btn-hover-bg: var(--bs-success-text-emphasis);   --bs-btn-active-bg: var(--bs-success-text-emphasis);   --bs-btn-hover-color: #000; --bs-btn-active-color: #000; --bs-btn-hover-border-color: var(--bs-success-text-emphasis); --bs-btn-active-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);    --bs-btn-hover-bg: var(--bs-danger-text-emphasis);    --bs-btn-active-bg: var(--bs-danger-text-emphasis);    --bs-btn-hover-color: #000; --bs-btn-active-color: #000; --bs-btn-hover-border-color: var(--bs-danger-text-emphasis); --bs-btn-active-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);   --bs-btn-hover-bg: var(--bs-warning-text-emphasis);   --bs-btn-active-bg: var(--bs-warning-text-emphasis);   --bs-btn-hover-color: #000; --bs-btn-active-color: #000; --bs-btn-hover-border-color: var(--bs-warning-text-emphasis); --bs-btn-active-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);      --bs-btn-hover-bg: var(--bs-info-text-emphasis);      --bs-btn-active-bg: var(--bs-info-text-emphasis);      --bs-btn-hover-color: #000; --bs-btn-active-color: #000; --bs-btn-hover-border-color: var(--bs-info-text-emphasis); --bs-btn-active-border-color: var(--bs-info-text-emphasis); }
[data-bs-theme=dark] .link-primary, [data-bs-theme=dark] .text-primary { color: var(--bs-link-color) !important; }
[data-bs-theme=dark] .link-danger, [data-bs-theme=dark] .text-danger { color: var(--bs-danger-text-emphasis) !important; }
[data-bs-theme=dark] .text-success { color: var(--bs-success-text-emphasis) !important; }
[data-bs-theme=dark] .link-secondary, [data-bs-theme=dark] .text-secondary { color: var(--bs-secondary-text-emphasis) !important; }