:root {
    --hipe-primary: #214836;
    --hipe-primary-hover: #173629;
    --hipe-primary-active: #10271d;
    --hipe-accent: #f4971f;
    --hipe-accent-dark: #9b5d0c;
    --hipe-charcoal: #222e26;
    --hipe-surface: #edf3ef;
    --bs-primary: #214836;
    --bs-primary-rgb: 33, 72, 54;
    --bs-link-color: #214836;
    --bs-link-color-rgb: 33, 72, 54;
    --bs-link-hover-color: #173629;
    --bs-link-hover-color-rgb: 23, 54, 41;
    --dt-row-selected: 33, 72, 54;
}

body {
    color: var(--hipe-charcoal);
}

.bg-blue,
.bg-navy,
.bg-primary {
    background-color: var(--hipe-primary) !important;
}

.text-blue,
.text-navy,
.text-primary,
.link-primary {
    color: var(--hipe-primary) !important;
}

.border-blue,
.border-primary {
    border-color: var(--hipe-primary) !important;
}

.text-brand-accent {
    color: var(--hipe-accent-dark) !important;
}

.bg-brand-surface {
    background-color: var(--hipe-surface) !important;
}

.btn-blue,
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--hipe-primary);
    --bs-btn-border-color: var(--hipe-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--hipe-primary-hover);
    --bs-btn-hover-border-color: var(--hipe-primary-hover);
    --bs-btn-focus-shadow-rgb: 244, 151, 31;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--hipe-primary-active);
    --bs-btn-active-border-color: var(--hipe-primary-active);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--hipe-primary);
    --bs-btn-disabled-border-color: var(--hipe-primary);
    color: #fff !important;
    background-color: var(--hipe-primary) !important;
    border-color: var(--hipe-primary) !important;
}

.btn-blue:hover,
.btn-blue:focus,
.btn-primary:hover,
.btn-primary:focus {
    color: #fff !important;
    background-color: var(--hipe-primary-hover) !important;
    border-color: var(--hipe-primary-hover) !important;
}

.btn-blue:active,
.btn-blue.active,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    color: #fff !important;
    background-color: var(--hipe-primary-active) !important;
    border-color: var(--hipe-primary-active) !important;
}

.btn-outline-primary {
    --bs-btn-color: var(--hipe-primary);
    --bs-btn-border-color: var(--hipe-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--hipe-primary);
    --bs-btn-hover-border-color: var(--hipe-primary);
    --bs-btn-focus-shadow-rgb: 33, 72, 54;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--hipe-primary-active);
    --bs-btn-active-border-color: var(--hipe-primary-active);
    color: var(--hipe-primary) !important;
    border-color: var(--hipe-primary) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
    color: #fff !important;
    background-color: var(--hipe-primary) !important;
    border-color: var(--hipe-primary) !important;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--hipe-accent) !important;
    box-shadow: 0 0 0 .2rem rgba(33, 72, 54, .18) !important;
}

.form-check-input:checked {
    background-color: var(--hipe-primary) !important;
    border-color: var(--hipe-primary) !important;
}

.pagination .page-link {
    color: var(--hipe-primary);
}

.pagination .page-item.active .page-link,
.pagination .page-link.active,
.page-link.active,
.active > .page-link,
.list-group-item.active,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.dropdown-item.active,
.dropdown-item:active {
    color: #fff !important;
    background-color: var(--hipe-primary) !important;
    border-color: var(--hipe-primary) !important;
}

.alert-primary {
    --bs-alert-color: var(--hipe-primary-hover);
    --bs-alert-bg: var(--hipe-surface);
    --bs-alert-border-color: #cbdcd2;
    --bs-alert-link-color: var(--hipe-primary-active);
}

.table-primary {
    --bs-table-color: var(--hipe-charcoal);
    --bs-table-bg: #dce9e1;
    --bs-table-border-color: #c2d5c9;
    --bs-table-striped-bg: #d1e1d7;
    --bs-table-striped-color: var(--hipe-charcoal);
    --bs-table-active-bg: #c7dacd;
    --bs-table-active-color: var(--hipe-charcoal);
    --bs-table-hover-bg: #ccddd2;
    --bs-table-hover-color: var(--hipe-charcoal);
}

.bg-primary-subtle {
    background-color: var(--hipe-surface) !important;
}

.text-primary-emphasis {
    color: var(--hipe-primary-hover) !important;
}

.border-primary-subtle {
    border-color: #cbdcd2 !important;
}

.text-bg-primary {
    color: #fff !important;
    background-color: var(--hipe-primary) !important;
}

table.dataTable tbody tr.selected > *,
table.dataTable tbody tr > .selected {
    color: #fff !important;
    background-color: var(--hipe-primary) !important;
    box-shadow: inset 0 0 0 9999px rgba(33, 72, 54, .92) !important;
}

.emoji-picker__tab.active {
    color: var(--hipe-primary) !important;
    border-bottom-color: var(--hipe-primary) !important;
}

.emoji-picker__emoji:hover {
    background: var(--hipe-surface) !important;
}

.pageLink:hover,
.pageLink:focus {
    color: var(--hipe-accent-dark) !important;
}

.bg-blue .pageLink:hover,
.bg-blue .pageLink:focus,
.bg-navy .pageLink:hover,
.bg-navy .pageLink:focus,
.bg-primary .pageLink:hover,
.bg-primary .pageLink:focus,
.pageLink.bg-blue:hover,
.pageLink.bg-blue:focus,
.pageLink.bg-navy:hover,
.pageLink.bg-navy:focus,
.pageLink.bg-primary:hover,
.pageLink.bg-primary:focus {
    color: #fff !important;
}

::selection {
    color: var(--hipe-charcoal);
    background: rgba(244, 151, 31, .42);
}