/* === Dark Blue Theme Overrides for Bootstrap v5.3.0 === */

/* Global background and text */
body,
.bg-light,
.bg-white {
    background-color: var(--background-color) !important;
    color: var(--text-color) !important;
}

/* Cards & Surfaces */
.card,
.modal-content,
.dropdown-menu,
.list-group-item,
.table {
    background-color: var(--surface-color) !important;
    color: var(--text-color) !important;
    border-color: var(--border-color) !important;
}

/* Inputs */
input.form-control,
textarea.form-control,
select.form-select {
    background-color: var(--input-background) !important;
    color: var(--input-text-color) !important;
    border-color: var(--input-border-color) !important;
}
input.form-control::placeholder,
textarea.form-control::placeholder {
    color: var(--input-placeholder-color) !important;
}

/* Focus on inputs */
input.form-control:focus,
textarea.form-control:focus,
select.form-select:focus {
    border-color: var(--input-focus-border) !important;
    box-shadow: 0 0 0 0.2rem rgba(41, 182, 246, 0.25) !important; /* --input-focus-border */
}

/* Buttons */
.btn-primary {
    background-color: var(--button-primary) !important;
    border-color: var(--button-primary) !important;
    color: var(--button-text-color) !important;
}
.btn-primary:hover {
    background-color: var(--button-primary-hover) !important;
    border-color: var(--button-primary-hover) !important;
}
.btn-secondary {
    background-color: var(--button-secondary) !important;
    border-color: var(--button-secondary) !important;
    color: var(--button-text-color) !important;
}
.btn-secondary:hover {
    background-color: var(--button-secondary-hover) !important;
    border-color: var(--button-secondary-hover) !important;
}

/* Links */
a,
a.text-primary {
    color: var(--button-link) !important;
}
a:hover,
a.text-primary:hover {
    color: var(--button-link-hover) !important;
}

/* Navbar override */
.navbar,
.navbar-light,
.navbar-dark {
    background-color: var(--background-dark) !important;
    color: var(--text-color) !important;
}

/* Dropdown */
.dropdown-menu {
    background-color: var(--surface-color) !important;
    color: var(--text-color) !important;
}

/* Table header */
.table thead th {
    background-color: var(--background-light) !important;
    color: var(--text-light) !important;
}

/* Form label */
label {
    color: var(--text-light) !important;
}

/* Misc */
hr {
    border-color: var(--border-color) !important;
}