:root {
    --color-background: rgb(251, 247, 244);
    --color-primary: #006936;
    --color-info: #006936;
    --color-danger: #EE3124;
}

body {
    background-color: var(--color-background);
}

body .navbar {
    background-color: var(--color-background);
}

.navbar .navbar-collapse {
    background-color: var(--color-background);
}

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

.text-info {
    color: var(--color-info) !important;
}

.btn-primary {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.btn-primary:hover {
    color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.btn-info {
    background-color: var(--color-info) !important;
    border-color: var(--color-info) !important;
}

.btn-info:hover {
    color: var(--color-info) !important;
    border-color: var(--color-info) !important;
}

.page-title {
    color: var(--color-primary) !important;
}

.page-link.active,
.active>.page-link {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.page-link:hover {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.text-danger {
    color: var(--color-danger) !important;
}

.btn-danger {
    background-color: var(--color-danger) !important;
    border-color: var(--color-danger) !important;
}

.btn-danger:hover {
    color: var(--color-danger) !important;
    border-color: var(--color-danger) !important;
}

.nav-link.active {
    color: var(--color-primary) !important;
}

.theme-control-toggle .theme-control-toggle-label {
    color: var(--color-primary) !important;
}

.quick-link-icon {
    color: var(--color-primary) !important;
}

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

.bg-info {
    background-color: var(--color-info) !important;
}

.bg-danger {
    background-color: var(--color-danger) !important;
}