/* Custom styles */
body {
    background-color: #FFFFFF;
    color: #333333;
}

h1, h2, h3, h4, h5, h6 {
    color: #FF4500;
}

.card {
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.btn-primary, .btn-secondary {
    background-color: #FF4500;
    border-color: #FF4500;
    color: #FFFFFF;
}

.btn-primary:hover, .btn-secondary:hover {
    background-color: #FF6347;
    border-color: #FF6347;
}

.progress-bar {
    background-color: #FF4500;
}

.feedback {
    font-weight: bold;
    margin-top: 10px;
}

.correct {
    color: #28a745;
}

.incorrect {
    color: #dc3545;
}

#timer {
    font-size: 1.2rem;
    font-weight: bold;
}

#time-left {
    color: #FF4500;
}

#timed-challenge-results {
    background-color: #F8F9FA;
    border-radius: 5px;
    padding: 15px;
}

/* Update text colors for better visibility */
p, .card-text {
    color: #333333;
}

.form-control {
    border-color: #FF4500;
    color: #333333;
}

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

#progress-text {
    color: #333333;
}

/* Improve visibility for placeholder text */
::placeholder {
    color: #777777;
}

/* Enhance contrast for links */
a {
    color: #FF4500;
}

a:hover {
    color: #FF6347;
}

/* Improve visibility for select dropdowns */
.form-select {
    color: #333333;
    border-color: #FF4500;
}

.form-select:focus {
    border-color: #FF6347;
    box-shadow: 0 0 0 0.2rem rgba(255, 69, 0, 0.25);
}

/* Ensure button text is always visible */
.btn {
    color: #FFFFFF;
}

.btn:hover {
    color: #FFFFFF;
}

/* Update Spanish verb text color in the 'Spanish Verbs' section */
#verb-list .card-title {
    color: #000000;
}