body {
    background-color: #0d1117;
    color: #c9d1d9;
}

.card {
    border-radius: 8px;
}

.navbar-brand {
    font-size: 1.25rem;
    letter-spacing: 0.5px;
}

.table-dark {
    --bs-table-bg: transparent;
}

.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.04);
}

.form-control:focus,
.form-select:focus {
    border-color: #f0c040;
    box-shadow: 0 0 0 0.2rem rgba(240, 192, 64, 0.15);
}

.accordion-button::after {
    filter: invert(1);
}

.accordion-button:not(.collapsed) {
    background-color: rgba(255, 255, 255, 0.04);
    color: #ffc107;
}

.badge {
    font-weight: 500;
}

/* attendance checkbox cards */
.attendance-item {
    transition: border-color 0.15s;
    background-color: rgba(255,255,255,0.03);
}

.attendance-item:hover {
    background-color: rgba(255,255,255,0.07);
}

details summary::-webkit-details-marker {
    color: #6c757d;
}

/* ISK values */
.isk-value {
    font-family: 'Courier New', monospace;
    letter-spacing: 0.5px;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #161b22; }
::-webkit-scrollbar-thumb { background: #30363d; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #484f58; }