/* Database-backed values are registered as CSS custom properties. */
.nav .bg-light {
    background-color: var(--nav-background-color) !important;
}

body {
    background-color: var(--background-color) !important;
    color: var(--text-color) !important;
}

.breadcrumb {
    background-color: var(--background-color);
    padding-left: 0;
}

.nav-link,
.btn-link {
    display: block;
    padding: 0.5rem 1rem;
}

.card {
    background-color: var(--card-background-color);
    box-shadow: var(--shadow-top) var(--shadow-left) var(--shadow-blur) var(--shadow-color) var(--shadow-inset,);
    border-radius: var(--default-border-radius);
}