/* Bootstrap Icons 1.13 - CDN Import */
@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.0/font/bootstrap-icons.css');

/* Ensure root elements don't introduce extra spacing */
html, body {
    height: 100%;
}

body {
    margin: 0;
}

.logo-dark {
    display: none;
}

.logo-light {
    display: block;
}

:root, [data-bs-theme=light] {
    body {
        background-color: var(--bs-light);
    }

    .card-header {
        background-color: var(--bs-card-bg);
    }

    .navbar {
        background-color: var(--bs-white);
    }

    .logo-dark {
        display: none !important;
    }

    .logo-light {
        display: block !important;
    }
}

[data-bs-theme=dark] {
    body {
        background-color: var(--bs-dark-bg-subtle);
    }

    .card-header {
        background-color: var(--bs-card-bg);
    }

    .navbar {
        background-color: var(--bs-gray-dark);
    }

    .logo-dark {
        display: block !important;
    }

    .logo-light {
        display: none !important;
    }
}

/* Well button styling */
.well_btn {
    color: var(--bs-black);
    background-color: #ffba00;
    border-radius: 8px;
    font-weight: 500;
    transition: all .2s ease-in-out;
}

.well_btn:hover {
    color: var(--bs-black);
    background-color: #0ef0fe;
}