:root {
    --kt-primary: #0197cf;
    --kt-primary-rgb: 1, 151, 207;
    --kt-primary-subtle: #0197cf;
    --kt-light: #f7f8fa;
    --kt-light-subtle: #ffffff;
    --kt-white: #ffffff;
    --kt-dark: #002c57;
    --kt-gray: #e8edf1;
    --kt-pink: #d63384;
    --kt-orange: #fd7e14;
    --kt-yellow: #ffc107;
    --kt-teal: #20c997;
    --kt-border-color: #dee2e6;
    --kt-margin-1: .25rem;
    --kt-margin-2: .5rem;
    --kt-margin-3: 1rem;
    --kt-padding-1: .25rem;
    --kt-padding-2: .5rem;
    --kt-padding-3: 1rem;
    --kt-btn-hover-bg: #1e7ddb;
    --kt-btn-hover-rgb: 30, 125, 219;
    --kt-title: #ffd54e;
    --kt-title-bg: #002c57;
    --kt-title-border: #002c57;
    --kt-mobile-body-primary: #ffffff;

    /* Bootstrap theme tokens */
    --bs-primary: var(--kt-primary);
    --bs-primary-rgb: var(--kt-primary-rgb);
    --bs-primary-text-emphasis: #005f80;
    --bs-primary-bg-subtle: #e6f7fc;
    --bs-primary-border-subtle: #8bd4ed;
    --bs-link-color: var(--kt-primary);
    --bs-link-color-rgb: var(--kt-primary-rgb);
    --bs-link-hover-color: var(--kt-btn-hover-bg);
    --bs-link-hover-color-rgb: var(--kt-btn-hover-rgb);
}

/* Bootstrap primary utilities */
.text-primary,
.text-primary-emphasis {
    color: var(--kt-primary) !important;
}

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

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

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

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

.border-primary-subtle {
    border-color: var(--bs-primary-border-subtle) !important;
}

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

.link-primary:hover,
.link-primary:focus {
    color: var(--kt-btn-hover-bg) !important;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--kt-primary);
    --bs-btn-border-color: var(--kt-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--kt-btn-hover-bg);
    --bs-btn-hover-border-color: var(--kt-btn-hover-bg);
    --bs-btn-focus-shadow-rgb: var(--kt-primary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--kt-btn-hover-bg);
    --bs-btn-active-border-color: var(--kt-btn-hover-bg);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--kt-primary);
    --bs-btn-disabled-border-color: var(--kt-primary);
}

.btn-outline-primary {
    --bs-btn-color: var(--kt-primary);
    --bs-btn-border-color: var(--kt-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--kt-primary);
    --bs-btn-hover-border-color: var(--kt-primary);
    --bs-btn-focus-shadow-rgb: var(--kt-primary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--kt-primary);
    --bs-btn-active-border-color: var(--kt-primary);
    --bs-btn-disabled-color: var(--kt-primary);
    --bs-btn-disabled-border-color: var(--kt-primary);
}