:root {
    --app-background: #f5f6f8;
}

[data-bs-theme="dark"] {
    --app-background: #111827;
}

body {
    background: var(--app-background) !important;
    transition: background-color .2s ease, color .2s ease;
}

.theme-toggle {
    min-width: 42px;
}

.theme-toggle-floating {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 1030;
}

[data-bs-theme="dark"] .card {
    --bs-card-bg: #1f2937;
    --bs-card-border-color: #374151;
}

[data-bs-theme="dark"] .text-dark {
    color: var(--bs-body-color) !important;
}