:root {
    --company-orange: #f8a30a;
    --company-blue: #1b62b6;
    --company-blue-mid: #3773ac;
    --company-slate: #5f7f84;
    --company-blue-light: #9ab8d8;
    --company-blue-deep: #005ea9;
    --company-black: #000000;

    --bs-primary: var(--company-blue);
    --bs-secondary: var(--company-slate);
    --bs-success: var(--company-blue-mid);
    --bs-info: var(--company-blue-light);
    --bs-warning: var(--company-orange);
    --bs-danger: #1f2a44;
    --bs-light: #f2f6fb;
    --bs-dark: var(--company-black);

    --bs-primary-rgb: 27, 98, 182;
    --bs-secondary-rgb: 95, 127, 132;
    --bs-success-rgb: 55, 115, 172;
    --bs-info-rgb: 154, 184, 216;
    --bs-warning-rgb: 248, 163, 10;
    --bs-danger-rgb: 31, 42, 68;
    --bs-light-rgb: 242, 246, 251;
    --bs-dark-rgb: 0, 0, 0;

    --soft-primary: var(--company-blue);
    --soft-warning: var(--company-orange);
}

.bg-primary,
.btn-primary,
.badge.bg-primary,
.alert-primary,
.border-primary {
    --bs-primary: var(--company-blue);
}

.bg-secondary,
.btn-secondary,
.badge.bg-secondary,
.alert-secondary,
.border-secondary {
    --bs-secondary: var(--company-slate);
}

.bg-success,
.btn-success,
.badge.bg-success,
.alert-success,
.border-success {
    --bs-success: var(--company-blue-mid);
}

.bg-info,
.btn-info,
.badge.bg-info,
.alert-info,
.border-info {
    --bs-info: var(--company-blue-light);
}

.bg-warning,
.btn-warning,
.badge.bg-warning,
.alert-warning,
.border-warning {
    --bs-warning: var(--company-orange);
    color: #102033 !important;
}

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

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

.text-success {
    color: var(--company-blue-mid) !important;
}

.text-warning {
    color: #d38900 !important;
}

.bg-gradient-primary,
.icon.bg-gradient-primary,
.btn.bg-gradient-primary {
    background-image: linear-gradient(
        135deg,
        var(--company-blue),
        var(--company-blue-deep)
    ) !important;
    color: #fff !important;
}

.bg-gradient-info,
.icon.bg-gradient-info,
.btn.bg-gradient-info {
    background-image: linear-gradient(
        135deg,
        var(--company-blue-mid),
        var(--company-blue-light)
    ) !important;
    color: #fff !important;
}

.bg-gradient-success,
.icon.bg-gradient-success,
.btn.bg-gradient-success {
    background-image: linear-gradient(
        135deg,
        var(--company-blue-mid),
        var(--company-blue)
    ) !important;
    color: #fff !important;
}

.bg-gradient-warning,
.icon.bg-gradient-warning,
.btn.bg-gradient-warning {
    background-image: linear-gradient(
        135deg,
        var(--company-orange),
        #ffc14a
    ) !important;
    color: #1c2538 !important;
}

.bg-gradient-secondary,
.icon.bg-gradient-secondary,
.btn.bg-gradient-secondary {
    background-image: linear-gradient(
        135deg,
        var(--company-slate),
        #789ca3
    ) !important;
    color: #fff !important;
}

.sidenav .navbar-brand .icon,
.navbar .icon.icon-shape,
.card .icon.icon-shape {
    background-image: linear-gradient(
        135deg,
        var(--company-blue),
        var(--company-blue-mid)
    ) !important;
}

.btn-outline-primary {
    --bs-btn-color: var(--company-blue);
    --bs-btn-border-color: var(--company-blue);
    --bs-btn-hover-bg: var(--company-blue);
    --bs-btn-hover-border-color: var(--company-blue);
    --bs-btn-active-bg: var(--company-blue);
    --bs-btn-active-border-color: var(--company-blue);
}

.btn-outline-warning {
    --bs-btn-color: #c17f00;
    --bs-btn-border-color: #d99914;
    --bs-btn-hover-bg: var(--company-orange);
    --bs-btn-hover-border-color: var(--company-orange);
    --bs-btn-hover-color: #1b263b;
}

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

.page-link {
    color: var(--company-blue);
}

.page-item.active .page-link {
    background-color: var(--company-blue);
    border-color: var(--company-blue);
}

a {
    color: var(--company-blue);
}

a:hover {
    color: var(--company-blue-deep);
}