:root,
[data-bs-theme=light],
[data-bs-theme=dark] {
    --eh-blue: #1268C9;
    --eh-blue-rgb: 18, 104, 201;
    --eh-cyan: #23C2D6;
    --eh-cyan-rgb: 35, 194, 214;
    --eh-navy: #0A2E5C;
    --eh-navy-rgb: 10, 46, 92;
    --eh-orange: #F59A1E;
    --eh-orange-rgb: 245, 154, 30;
    --eh-yellow: #FFD21E;
    --eh-yellow-rgb: 255, 210, 30;
    --eh-ink: #13202B;
    --eh-ink-rgb: 19, 32, 43;
    --eh-slate: #5A6470;
    --eh-border: #D5E3F0;
    --eh-mist: #EAF4FB;
    --eh-surface: #F4F7FA;

    --eh-success: #2BA84A;
    --eh-success-rgb: 43, 168, 74;
    --eh-warning: #F2B705;
    --eh-danger: #E23D3D;
    --eh-info: #1268C9;

    --eh-brand-50: #E7F1FB;
    --eh-brand-100: #C6DEF6;
    --eh-brand-300: #6BA6E4;
    --eh-brand-500: #1E7AD6;
    --eh-brand-600: #1268C9;
    --eh-brand-700: #0B4FA0;
    --eh-brand-900: #0A2E5C;

    --eh-cyan-50: #E4F8FB;
    --eh-cyan-300: #6FDDE9;
    --eh-cyan-500: #23C2D6;
    --eh-cyan-700: #128293;

    --eh-orange-400: #F8B24E;
    --eh-orange-500: #F59A1E;
    --eh-orange-600: #DB8412;

    --eh-yellow-400: #FFDD4D;
    --eh-yellow-500: #FFD21E;
    --eh-yellow-600: #E6B800;

    --eh-gradient: linear-gradient(135deg, #23C2D6 0%, #0B4FA0 100%);

    --bs-primary: var(--eh-blue);
    --bs-primary-rgb: 18, 104, 201;
    --bs-primary-dark: var(--eh-brand-700);
    --bs-primary-dark-rgb: 11, 79, 160;
    --bs-primary-light: var(--eh-brand-50);
    --bs-primary-light-bg: rgba(var(--eh-blue-rgb), 0.08);
    --bs-success: var(--eh-success);
    --bs-warning: var(--eh-warning);
    --bs-danger: var(--eh-danger);
    --bs-info: var(--eh-info);
    --bs-body-color: var(--eh-ink);
    --bs-border-color: var(--eh-border);
    --input-border-color-active: rgba(var(--eh-blue-rgb), 0.32);
    accent-color: var(--eh-blue);
}

.bg-eh-blue,
.bg-brand-600 {
    background-color: var(--eh-blue) !important;
}

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

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

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

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

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

.bg-eh-gradient {
    background-image: var(--eh-gradient) !important;
}

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

.text-eh-navy,
.text-brand-900 {
    color: var(--eh-navy) !important;
}

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

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

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

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

.c1,
.text-primary {
    color: var(--eh-blue) !important;
}

.c1-bg,
.bg-primary,
.btn--primary,
.wizard .actions ul a {
    background-color: var(--eh-blue) !important;
}

.btn--primary:hover,
.btn--primary:focus,
.wizard .actions ul a:hover,
.wizard .actions ul a:focus {
    background-color: var(--eh-brand-700) !important;
}

.border-primary,
.c1-bo,
.btn-outline-primary,
.outline-primary-hover {
    border-color: var(--eh-blue) !important;
}

.btn-outline-primary:not(:hover),
.btn-outline--primary:not(:hover) {
    color: var(--eh-blue) !important;
}

.badge-primary {
    background-color: var(--eh-brand-50) !important;
    color: var(--eh-blue) !important;
}

.badge-primary .dot {
    background-color: var(--eh-blue) !important;
}

.wizard .steps ul li.first.done a .number,
.wizard .steps ul .current .number,
#register-vertical-steps.wizard .steps ul li.done a .number,
#register-vertical-steps.wizard .steps ul li.done + li::after,
#register-vertical-steps.wizard .steps ul li.done::after {
    background-color: var(--eh-blue) !important;
}

.wizard .steps ul :is(.current h4, .current p, .done h4, .done p),
#register-vertical-steps.wizard .steps ul :is(.current h4, .current p, .done h4, .done p) {
    color: var(--eh-blue) !important;
}