body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background-color: #f8f9fa;
    color: #212529;
}

.navbar {
    background-color: #e9ecef !important;
}

.navbar-brand {
    color: #212529 !important;
}

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

.btn-primary:hover {
    background-color: #0069d9;
    border-color: #0062cc;
}

.btn-secondary {
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:hover {
    background-color: #5c636a;
    border-color: #565e64;
}

.modal-content {
    background-color: #ffffff;
    color: #212529;
}

.modal-header {
    border-bottom: 1px solid #dee2e6;
}

.modal-footer {
    border-top: 1px solid #dee2e6;
}

.form-control {
    background-color: #ffffff;
    color: #212529;
    border: 1px solid #ced4da;
}

.form-control:focus {
    background-color: #ffffff;
    color: #212529;
    border-color: #80bdff;
    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.25);
}

#countdown-container .card {
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    transition: all 0.2s ease-in-out;
}

.card-title {
    color: #212529;
}

.card-subtitle {
    color: #6c757d;
}

.card-text {
    color: #495057;
}