a:hover{
    color: blue;
}

/* Dark mode styles for comparison page */
body.dark-mode {
    background-color: #0f172a;
    color: #e2e8f0;
}

body.dark-mode .bg-slate-50 {
    background-color: #0f172a !important;
}

body.dark-mode .text-gray-900 {
    color: #e2e8f0 !important;
}

body.dark-mode .glass-card {
    background: rgba(30, 41, 59, 0.95) !important;
    border-color: rgba(100, 116, 139, 0.3) !important;
}

body.dark-mode .metric-row {
    background-color: #1e293b !important;
    color: #e2e8f0 !important;
}

body.dark-mode .metric-row:hover {
    background-color: #334155 !important;
}

body.dark-mode .text-gray-700,
body.dark-mode .text-gray-600 {
    color: #cbd5e1 !important;
}

body.dark-mode .bg-gray-100 {
    background-color: #334155 !important;
}

body.dark-mode .bg-white {
    background-color: #1e293b !important;
}

body.dark-mode .bg-gray-50,
body.dark-mode .bg-blue-50 {
    background-color: #1e293b !important;
}

body.dark-mode .border-gray-100 {
    border-color: #334155 !important;
}

body.dark-mode select,
body.dark-mode input {
    background-color: #334155 !important;
    color: #e2e8f0 !important;
    border-color: #475569 !important;
}

body.dark-mode .text-xs,
body.dark-mode .text-gray-400 {
    color: #94a3b8 !important;
}

body.dark-mode .text-primary,
body.dark-mode .text-blue-400,
body.dark-mode .text-amber-400,
body.dark-mode .text-emerald-400,
body.dark-mode .text-purple-400 {
    filter: brightness(1.2);
}

body.dark-mode .text-sm {
    color: #cbd5e1 !important;
}

/* a{
    font-family: Arial, Helvetica, sans-serif;
}
nav{
    padding: 16px 0;
}  */