:root {
    --bs-body-bg: #f8f9fa;
    --bs-body-color: #212529;
    --card-bg: #fff;
    --bs-link-color: #0d6efd;
}

[data-bs-theme="dark"] {
    --bs-body-bg: #212529;
    --bs-body-color: #dee2e6;
    --card-bg: #343a40;
    --bs-link-color: #6ea8fe;
}

body {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}

.container {
    max-width: 800px;
}

.status-card, .session-card, .modal-content {
    background-color: var(--card-bg);
    transition: all 0.3s ease-in-out;
}

.status-card.active-session {
    border-color: var(--bs-success);
    box-shadow: 0 0 10px rgba(25, 135, 84, 0.2);
}

#theme-toggler {
    font-size: 1.25rem;
}

/* Make collapse header link adopt body color */
.text-body {
    color: var(--bs-body-color) !important;
}

.btn-group .btn {
    margin-left: 2px;
    margin-right: 2px;
}