/* DARK MODE - ACCESSIBILITE PAGE */

[data-theme="dark"] body {
    background: #0F172A !important;
    color: #E2E8F0 !important;
}

/* Hero */
[data-theme="dark"] .a11y-hero {
    background: linear-gradient(135deg, #4338ca 0%, #581c87 100%) !important;
}

/* Stats */
[data-theme="dark"] .stat-card {
    background: #1E293B !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .stat-card:hover {
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .stat-number {
    color: #A5B4FC !important;
}

[data-theme="dark"] .stat-label {
    color: #94A3B8 !important;
}

[data-theme="dark"] .stat-card.highlight {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
}

[data-theme="dark"] .stat-card.highlight .stat-number,
[data-theme="dark"] .stat-card.highlight .stat-label {
    color: #fff !important;
}

/* Features */
[data-theme="dark"] .a11y-features h2 {
    color: #F1F5F9 !important;
}

[data-theme="dark"] .feature-card {
    background: #1E293B !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .feature-card:hover {
    background: #334155 !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3) !important;
    border-color: transparent !important;
}

[data-theme="dark"] .feature-card h3 {
    color: #F1F5F9 !important;
}

[data-theme="dark"] .feature-card p {
    color: #94A3B8 !important;
}

[data-theme="dark"] .feature-card.visual .feature-icon {
    background: linear-gradient(135deg, rgba(99,102,241,0.25) 0%, rgba(139,92,246,0.25) 100%) !important;
}

[data-theme="dark"] .feature-card.cognitive .feature-icon {
    background: linear-gradient(135deg, rgba(78,205,196,0.25) 0%, rgba(68,163,160,0.25) 100%) !important;
}

[data-theme="dark"] .feature-card.audio .feature-icon {
    background: linear-gradient(135deg, rgba(81,207,102,0.25) 0%, rgba(64,192,87,0.25) 100%) !important;
}

[data-theme="dark"] .feature-card.navigation .feature-icon {
    background: linear-gradient(135deg, rgba(255,167,38,0.25) 0%, rgba(255,152,0,0.25) 100%) !important;
}

/* Certifications */
[data-theme="dark"] .a11y-certifications {
    background: #1E293B !important;
}

[data-theme="dark"] .a11y-certifications h2 {
    color: #F1F5F9 !important;
}

[data-theme="dark"] .cert-item h3 {
    color: #F1F5F9 !important;
}

[data-theme="dark"] .cert-item p {
    color: #94A3B8 !important;
}

/* Quote */
[data-theme="dark"] .a11y-quote blockquote {
    color: #F1F5F9 !important;
}

[data-theme="dark"] .quote-author {
    color: #A5B4FC !important;
}

/* CTA */
[data-theme="dark"] .a11y-cta {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
}

[data-theme="dark"] .cta-btn {
    background: #fff !important;
    color: #6366f1 !important;
}

[data-theme="dark"] .cta-btn:hover {
    background: #F1F5F9 !important;
}

/* Navbar & Footer */
[data-theme="dark"] .navbar {
    background: rgba(15, 23, 42, 0.95) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .footer,
[data-theme="dark"] #footer-placeholder {
    background: #0F172A !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .footer h4 {
    color: #F1F5F9 !important;
}

[data-theme="dark"] .footer-links a {
    color: #64748B !important;
}

[data-theme="dark"] .footer-links a:hover {
    color: #A5B4FC !important;
}

[data-theme="dark"] .footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: #64748B !important;
}

/* Scrollbar */
[data-theme="dark"] ::-webkit-scrollbar {
    width: 12px;
    background: #0F172A;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 6px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #475569;
}