:root {
    --neo-dark-bg: #063B5B;
    --neo-bg: rgb(192,215,234);
    --neo-light-bg: rgb(250,250,255);
}
.text-neo-dark {
    color: var(--neo-dark-bg) !important;
}
.text-neo-light {
    color: var(--neo-light-bg) !important;
}
.bg-neo {
    background-color: var(--neo-bg) !important;
}

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

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

.border-neo {
    border-color: var(--neo-dark-bg) !important;
    border-style: solid;
    border-width: 1px;
}

.btn-neo-light {
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-black);
    --bs-btn-bg: var(--neo-light-bg);
    --bs-btn-border-color: var(--bs-primary-bg-subtle);
    --bs-btn-hover-color: var(--bs-black);
    --bs-btn-hover-bg: #{shade-color(--bs-primary-bg-subtle, 90%)};
    --bs-btn-hover-border-color: #{shade-color(--bs-primary-bg-subtle, 10%)};
    --bs-btn-focus-shadow-rgb: var(--bs-primary-bg-subtle);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #{shade-color(--bs-primary-bg-subtle, 20%)};
    --bs-btn-active-border-color: #{shade-color(--bs-primary-bg-subtle, 20%)};
}

.btn-neo-dark {
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--neo-dark-bg);
    --bs-btn-border-color: var(--bs-primary-bg-subtle);
    --bs-btn-hover-color: var(--bs-black);
    --bs-btn-hover-bg: #{shade-color(--bs-primary-bg-subtle, 90%)};
    --bs-btn-hover-border-color: #{shade-color(--bs-primary-bg-subtle, 10%)};
    --bs-btn-focus-shadow-rgb: var(--bs-primary-bg-subtle);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #{shade-color(--bs-primary-bg-subtle, 20%)};
    --bs-btn-active-border-color: #{shade-color(--bs-primary-bg-subtle, 20%)};
}