:root {
    --bs-blue: #451a75 !important;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #451a75;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #060307;
    --bs-nav-pills-link-active-bg: #4d2d54 !important;

    --background-color: #ffffff;
    --text-color: #111111;
    --accent-color: #FFC224;
}

html, body {
    height: 100vh;
    color: #000000 /* var(--bs-white) !important*/;
    background-color: var(--background-color) /*var(--bs-dark)*/;
}
.list-group-item {
    background-color: var(--background-color);
}
a, .nav-link {
    color: var(--text-color) !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #773e84;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #773e84;
    --bs-btn-border-color: #773e84;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3c2841;
    --bs-btn-hover-border-color: #3c2841;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3c2841;
    --bs-btn-active-border-color: #3c2841;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #773e84;
    --bs-btn-disabled-border-color: #773e84;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(6, 3, 7, 0.9); /* semi-transparent white */
    z-index: 9999; /* ensure it appears above other elements */
    display: flex;
    justify-content: center;
    align-items: center;
}

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

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

.text-salmao {
    color: #ff6f6f !important;
}

.text-azul {
    color: #3f6ffd !important;
}

.text-gray {
    color: #98999a !important;
}

.text-green {
    color: #3FEE98 !important;
}

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