@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css");

html {
    height: 100%;
}

body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}

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

/* Ensure html matches body background to hide scroll bounce/gap */
html {
    background-color: var(--bs-body-bg);
}

footer {
    margin-top: auto !important;
    width: 100%;
}

.card {
    border: none;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.btn-primary {
    background-color: #00A4DB;
    border-color: #00A4DB;
    font-weight: 600;
}

.btn-primary:hover {
    background-color: #008dba;
    border-color: #008dba;
}

.navbar {
    background-color: #2b2e3e;
}

.navbar-brand,
.navbar .nav-link {
    color: #fff !important;
}

.nav-tabs .nav-link {
    cursor: pointer;
}

.nav-tabs .nav-link.active {
    color: #00A4DB !important;
    font-weight: bold;
    border-bottom: 2px solid #00A4DB;
}

.alert {
    border-radius: 8px;
}

.wallet-balance {
    font-size: 2rem;
    font-weight: bold;
    color: #2b2e3e;
}

[data-bs-theme="dark"] .wallet-balance {
    color: #e9ecef;
}

[data-bs-theme="dark"] .bg-light {
    background-color: #2b3035 !important;
}

/* Dark mode card tweaks if needed, currently BS5 handles it */
/* Darker background for dark mode (Material Dark #121212) */
[data-bs-theme="dark"] body {
    background-color: #181818 !important;
}

[data-bs-theme="dark"] html {
    background-color: #181818 !important;
}