/* Company theme overrides for Bootstrap. */
:root {
    --bs-body-font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
    --corp-color: #00A9A2;
    --corp-color-rgb: 0, 169, 162;
    --corp-color-darker: #0f766e;
    --corp-accent-lighter: #f0fdfa;
    --corp-accent-light: #e6f2f0;
    --corp-header-bg: #f8fafb;
    --corp-accent-medium: #cbd5d4;
    --corp-accent-dark: #6b7f7e;
    --corp-accent-darker: #3d5554;
    --bs-primary: var(--corp-color);
    --bs-primary-rgb: var(--corp-color-rgb);
    --mud-palette-tertiary: var(--corp-color);
    --mud-palette-primary: var(--corp-color);
}

html,
body,
button,
input,
select,
textarea,
.form-control,
.form-select,
.btn,
.dropdown-menu {
    font-family: var(--bs-body-font-family);
}

.navbar.bg-primary {
    background-color: var(--corp-header-bg) !important;
    border-bottom: 1px solid var(--corp-accent-medium);
    padding-bottom: 0;
    padding-top: 0;
}

.navbar.bg-primary > .container-fluid {
    padding-left: 0;
}

.navbar.bg-primary .nav-link,
.navbar.bg-primary .navbar-text {
    color: var(--corp-accent-darker) !important;
}

.navbar.bg-primary .navbar-toggler {
    border-color: rgba(61, 85, 84, .35);
    color: var(--corp-accent-darker);
    margin-left: .75rem;
    padding: .2rem .45rem;
}

.navbar.bg-primary .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2861, 85, 84, 0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    height: 1.25rem;
    width: 1.25rem;
}

.btn-primary {
    --bs-btn-bg: var(--corp-color);
    --bs-btn-border-color: var(--corp-color);
    --bs-btn-color: #ffffff;
    --bs-btn-hover-bg: var(--corp-color-darker);
    --bs-btn-hover-border-color: var(--corp-color-darker);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-active-bg: var(--corp-color-darker);
    --bs-btn-active-border-color: var(--corp-color-darker);
    --bs-btn-active-color: #ffffff;
    --bs-btn-disabled-bg: var(--corp-color);
    --bs-btn-disabled-border-color: var(--corp-color);
    --bs-btn-disabled-color: #ffffff;
}

.page-title {
    color: var(--corp-color);
}

.form-label {
    margin-bottom: .25rem;
}

.card {
    border-color: var(--corp-accent-medium);
}

.border-accent-light {
    border-color: #eeeeee !important;
}

.table-striped {
    --bs-table-striped-bg: #fbfcfd;
}