/* Dark Mode Overrides - Loaded last to ensure priority */

[data-theme="dark"] .card-title,
[data-theme="dark"] .section-title,
[data-theme="dark"] .grade-card-title,
[data-theme="dark"] .intro-title,
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] .card-title-text {
    color: #bae6fd !important;
    background: none !important;
    -webkit-text-fill-color: #bae6fd !important;
    background-clip: border-box !important;
    -webkit-background-clip: border-box !important;
}

[data-theme="dark"] .card-description,
[data-theme="dark"] .section-count,
[data-theme="dark"] .grade-card-description,
[data-theme="dark"] .intro-text,
[data-theme="dark"] p,
[data-theme="dark"] li,
[data-theme="dark"] .card-desc-text {
    color: #ffffff !important;
    opacity: 1 !important;
    background: none !important;
    -webkit-text-fill-color: #ffffff !important;
    background-clip: border-box !important;
    -webkit-background-clip: border-box !important;
}

[data-theme="dark"] .card,
[data-theme="dark"] .grade-card,
[data-theme="dark"] .section-card {
    border: 1px solid #404040 !important;
    background-color: #262626 !important;
}