/* FFXI Dashboard Dark Theme */
body {
    background-color: #1a1a2e;
    color: #e0e0e0;
    min-height: 100vh;
}

.bg-dark {
    background-color: #16213e !important;
}

.card {
    background-color: #16213e;
    border-color: #0f3460;
}

.card.bg-dark {
    --bs-card-cap-color: #ffffff !important;
    --bs-card-cap-bg: #0f3460 !important;
}

.card-header {
    background-color: #0f3460 !important;
    border-color: #0f3460 !important;
    color: #ffffff !important;
    --bs-card-cap-color: #ffffff !important;
}

.card.bg-dark .card-header {
    color: #ffffff !important;
}

.card.bg-dark .card-header h5,
.card.bg-dark .card-header h5 *,
.card.bg-dark .card-header span,
.card.bg-dark .card-header .badge,
.card.bg-dark .card-header .d-flex,
.card.bg-dark .card-header .d-flex *,
.card.bg-dark .card-header i {
    color: #ffffff !important;
}

.table-dark {
    background-color: #16213e;
}

.table-dark td, .table-dark th {
    border-color: #0f3460;
    color: #e0e0e0;
}

.text-muted {
    color: #b0b8c8 !important;
}

.card-body strong {
    color: #ffffff !important;
}

.card-body li {
    color: #e0e0e0 !important;
}

.card-body .text-light {
    color: #ffffff !important;
}

.text-light {
    color: #e0e0e0 !important;
}

.border-secondary {
    border-color: #0f3460 !important;
}

.border-primary {
    border-color: #e94560 !important;
}

.badge.bg-primary {
    background-color: #e94560 !important;
}

.btn-primary {
    background-color: #e94560;
    border-color: #e94560;
}

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

.navbar-dark .navbar-nav .nav-link {
    color: #8892b0;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #e0e0e0;
}

.form-control {
    border-color: #0f3460;
    color: #ffffff !important;
}

.form-control::placeholder {
    color: #8892b0 !important;
}

.form-label, label {
    color: #e0e0e0 !important;
}

.form-text, small {
    color: #b0b8c8 !important;
}

.form-control:focus {
    border-color: #e94560;
    box-shadow: 0 0 0 0.2rem rgba(233, 69, 96, 0.25);
}

a.text-decoration-none:hover .card {
    border-color: #e94560 !important;
    transition: border-color 0.2s;
}
