/* Selector de tema */
.bi {
    vertical-align: -0.125em;
    fill: currentColor;
}

.bd-mode-toggle {
    z-index: 1500;
}

.bd-mode-toggle .bi {
    width: 1em;
    height: 1em;
}

.bd-mode-toggle .dropdown-menu .active .bi {
    display: block !important;
}

/* Paleta INGEE */
:root,
[data-bs-theme="light"] {
    --ingee-indigo: #0e139b;
    --ingee-coral: #f23c50;
    --ingee-sky: #2a87d6;
    --ingee-teal: #10be9d;
    --ingee-light: #f3f3f3;
    --bs-primary: var(--ingee-indigo);
    --bs-primary-rgb: 14, 19, 155;
    --bs-link-color: var(--ingee-indigo);
    --bs-link-hover-color: var(--ingee-sky);
    --bs-body-color: #151733;
    --bs-body-color-rgb: 21, 23, 51;
    --bs-body-bg: var(--ingee-light);
    --bs-body-bg-rgb: 243, 243, 243;
    --bs-secondary-bg: #e8f1f8;
    --bs-tertiary-bg: #edf4fa;
    --bs-tertiary-bg-rgb: 237, 244, 250;
    --bs-border-color: #cbd9e6;
}

[data-bs-theme="dark"] {
    --ingee-dark-black: #000;
    --ingee-dark-light: #f3f3f3;
    --ingee-dark-muted: #525252;
    --ingee-dark-border: #525252;
    --ingee-dark-mid: #1e1e1e;
    --ingee-dark-night: #0c0c0c;
    --ingee-dark-surface: #1e1e1e;
    --ingee-dark-deep: #080808;
    --bs-primary: var(--ingee-dark-border);
    --bs-primary-rgb: 82, 82, 82;
    --bs-link-color: var(--ingee-dark-light);
    --bs-link-hover-color: var(--ingee-light);
    --bs-body-color: var(--ingee-light);
    --bs-body-color-rgb: 243, 243, 243;
    --bs-emphasis-color: #fff;
    --bs-secondary-color: rgba(243, 243, 243, .72);
    --bs-tertiary-color: rgba(243, 243, 243, .5);
    --bs-body-bg: var(--ingee-dark-night);
    --bs-body-bg-rgb: 12, 12, 12;
    --bs-secondary-bg: var(--ingee-dark-surface);
    --bs-tertiary-bg: var(--ingee-dark-deep);
    --bs-tertiary-bg-rgb: 8, 8, 8;
    --bs-border-color: var(--ingee-dark-border);
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--ingee-indigo);
    --bs-btn-border-color: var(--ingee-indigo);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--ingee-sky);
    --bs-btn-hover-border-color: var(--ingee-sky);
    --bs-btn-active-color: #071f1b;
    --bs-btn-active-bg: var(--ingee-teal);
    --bs-btn-active-border-color: var(--ingee-teal);
    --bs-btn-focus-shadow-rgb: 14, 19, 155;
}

.btn-outline-primary {
    --bs-btn-color: var(--ingee-indigo);
    --bs-btn-border-color: var(--ingee-indigo);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--ingee-indigo);
    --bs-btn-hover-border-color: var(--ingee-indigo);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--ingee-sky);
    --bs-btn-active-border-color: var(--ingee-sky);
    --bs-btn-focus-shadow-rgb: 14, 19, 155;
}

[data-bs-theme="dark"] .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--ingee-dark-border);
    --bs-btn-border-color: var(--ingee-dark-border);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--ingee-dark-border);
    --bs-btn-hover-border-color: var(--ingee-dark-light);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--ingee-dark-black);
    --bs-btn-active-border-color: var(--ingee-dark-border);
    --bs-btn-focus-shadow-rgb: 82, 82, 82;
}

[data-bs-theme="dark"] .btn-outline-primary {
    --bs-btn-color: var(--ingee-dark-light);
    --bs-btn-border-color: var(--ingee-dark-border);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--ingee-dark-border);
    --bs-btn-hover-border-color: var(--ingee-dark-border);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--ingee-dark-black);
    --bs-btn-active-border-color: var(--ingee-dark-border);
    --bs-btn-focus-shadow-rgb: 82, 82, 82;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: var(--bs-primary);
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .18);
}

.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-bd-primary {
    --bs-btn-font-weight: 500;
    --bs-btn-color: var(--bs-secondary-color);
    --bs-btn-bg: rgba(var(--bs-body-bg-rgb), .92);
    --bs-btn-border-color: var(--bs-border-color);
    --bs-btn-hover-color: var(--bs-emphasis-color);
    --bs-btn-hover-bg: var(--bs-tertiary-bg);
    --bs-btn-hover-border-color: rgba(var(--bs-primary-rgb), .5);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    backdrop-filter: blur(.25rem);
}

body {
    background-image:
        radial-gradient(circle at 10% 10%, rgba(242, 60, 80, .1), transparent 24rem),
        radial-gradient(circle at 90% 85%, rgba(16, 190, 157, .12), transparent 28rem);
}

[data-bs-theme="dark"] body {
    background-image:
        radial-gradient(circle at 10% 10%, rgba(243, 243, 243, .04), transparent 24rem),
        radial-gradient(circle at 90% 85%, rgba(82, 82, 82, .11), transparent 28rem);
}