/* =============================================
   ACE Nursing Exams - Light Mode Theme
   ============================================= */

/* Light mode styles - applied when body has .light-mode class */
body.light-mode {
    --bg: #f8fafc;
    --card: #ffffff;
    --muted: #64748b;
    --text: #1e293b;
    --primary: #0f766e;
    --primary-strong: #0f766e;
    --ring: rgba(15, 118, 110, 0.25);
}

body.light-mode {
    background: var(--bg);
}

body.light-mode .header {
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

body.light-mode .feature-card,
body.light-mode .pricing-card {
    background: var(--card);
    border: 1px solid rgba(0, 0, 0, 0.08);
}

body.light-mode .feature-card:hover,
body.light-mode .pricing-card:hover {
    border-color: var(--primary);
}

body.light-mode .hero {
    background: radial-gradient(800px 400px at 20% 30%, rgba(15, 118, 110, 0.05), transparent);
}

body.light-mode .hero h1 {
    background: linear-gradient(135deg, #1e293b, #0f766e) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
}

body.light-mode .pricing {
    background: rgba(0, 0, 0, 0.02);
}

body.light-mode .btn-primary {
    color: white !important;
}

body.light-mode .btn-primary:hover {
    border-color: #0f766e !important;
    color: #0f766e !important;
}

body.light-mode .btn-outline {
    color: #1e293b !important;
    border-color: #cbd5e1 !important;
}

body.light-mode .btn-outline:hover {
    border-color: #0f766e !important;
    color: #0f766e !important;
}

body.light-mode .form-group input,
body.light-mode .form-group select,
body.light-mode .form-group textarea {
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #1e293b;
}

body.light-mode .form-group input:focus {
    border-color: var(--primary);
}

/* Also update the dashboard card backgrounds for light mode */
body.light-mode .stat-card,
body.light-mode .card,
body.light-mode .recent-table {
    background: var(--card);
}

body.light-mode .map-item {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.1);
    color: #1e293b;
}

body.light-mode .question-card {
    background: var(--card);
}

body.light-mode .dropdown-select,
body.light-mode .modal textarea {
    background: #f1f5f9;
    border-color: #e2e8f0;
    color: #1e293b;
}

body.light-mode .option {
    background: rgba(0, 0, 0, 0.02);
    border-color: rgba(0, 0, 0, 0.1);
}

body.light-mode .option:hover {
    background: rgba(15, 118, 110, 0.05);
}

body.light-mode .option.selected {
    background: rgba(15, 118, 110, 0.1);
    border-color: var(--primary);
}

body.light-mode .sentence-preview,
body.light-mode .highlight-paragraph,
body.light-mode .question-map {
    background: rgba(0, 0, 0, 0.03);
}

body.light-mode .rationale {
    background: rgba(34, 197, 94, 0.1);
}