body {
    background-color: #F8F9FA;
    color: #0B2340;
    font-family: 'Helvetica Neue', Arial, sans-serif;
}

h1, h2, h3, h4, h5 {
    font-family: Georgia, serif;
    color: #0B2340;
}

.navbar-brand {
    font-family: Georgia, serif;
    font-weight: bold;
}

.quiz-card {
    background-color: #FFFFFF;
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.progress-bar {
    background-color: #0B2340;
}

.btn-answer {
    background-color: #FFFFFF;
    border: 2px solid #D9C9B6;
    color: #0B2340;
    border-radius: 0.5rem;
    transition: all 0.2s ease-in-out;
    width: 100%;
    text-align: left;
    padding: 1rem;
}

.btn-answer:hover, .btn-answer:focus {
    background-color: #D9C9B6;
    color: #0B2340;
    border-color: #0B2340;
}

.btn-answer.correct {
    background-color: #d4edda;
    border-color: #28a745;
    color: #155724;
}

.btn-answer.incorrect {
    background-color: #f8d7da;
    border-color: #dc3545;
    color: #721c24;
}

.btn-primary {
    background-color: #0B2340;
    border-color: #0B2340;
    border-radius: 0.5rem;
}

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

.toast-container {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 1055;
}