/* Override legacy page CSS – readable contrast everywhere */

.lessons-header p,
.exams-header p,
.page-header p,
.hero p,
.section-subtitle {
    color: var(--text-muted) !important;
}

.lessons-header h1,
.exams-header h1,
h1, h2, h3 {
    color: var(--text) !important;
}

.lesson-category,
.exam-card,
.game-card,
.video-card,
.card,
.panel {
    background: var(--surface) !important;
    color: var(--text) !important;
    border: 1px solid var(--border) !important;
}

.lesson-category h2,
.lesson-category h3,
.exam-card h3,
.card-title {
    color: var(--text) !important;
}

.lesson-category p,
.exam-card p,
.card-text {
    color: var(--text-muted) !important;
}

.lesson-link,
.exam-link:not(.btn) {
    color: var(--primary) !important;
}

/* Remove gradient headers that hide text */
.lessons-header,
.exams-header,
.page-hero {
    background: var(--surface) !important;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 1.5rem !important;
    color: var(--text) !important;
}

.profile-section-intro {
    margin: -0.35rem 0 1rem;
    color: var(--text-muted);
    font-size: 0.9rem;
}

.profile-account-form .form-group {
    margin-bottom: 1rem;
}

.profile-account-form label {
    display: block;
    margin-bottom: 0.35rem;
    font-weight: 600;
    color: var(--text);
}

.profile-container input,
.profile-container select,
.admin-container input,
.admin-container select {
    color: var(--text) !important;
    background: var(--surface) !important;
}

.badge,
.status-badge {
    color: var(--text) !important;
}