@import url('../css pages/global.css');

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    transition: background-color 0.3s, color 0.3s;
}

.card-hover { transition: all 0.3s cubic-bezier(0.4,0,0.2,1); }
.card-hover:hover {
    transform: translateY(-6px);
    border-color: #4f46e5;
    box-shadow: 0 16px 32px -5px rgba(79,70,229,0.15);
}

.category-pill { transition: all 0.2s; cursor: pointer; }
.category-pill.active { background: #4f46e5; color: white; border-color: #4f46e5; }

/* === DARK MODE GLOBAL FIX === */
body.dark-theme #mobileMenu span,
body.dark-theme #mobileMenu .text-slate-800 { color: #f1f5f9 !important; }
body.dark-theme #mobileMenu a.text-slate-700 { color: #cbd5e1 !important; }
body.dark-theme #mobileMenu button { background: #334155 !important; color: #94a3b8 !important; }

body.dark-theme .info-box { background: #1e293b !important; border-color: #4f46e5 !important; }
body.dark-theme .info-box p,
body.dark-theme .info-box .text-slate-700 { color: #94a3b8 !important; }

body.dark-theme .comparison-table td { color: #cbd5e1 !important; border-color: #334155 !important; }
body.dark-theme .comparison-table td.font-semibold,
body.dark-theme .comparison-table .text-slate-700 { color: #e2e8f0 !important; }
body.dark-theme .comparison-table tr:hover td { background: #1e293b !important; }

body.dark-theme .command-card { background: #1e293b !important; border-color: #334155 !important; }
body.dark-theme .command-card h3 { color: #e2e8f0 !important; }
body.dark-theme .command-card p { color: #94a3b8 !important; }

body.dark-theme .choice-card.bg-green-50 { background: #052e16 !important; border-color: #166534 !important; }
body.dark-theme .choice-card.bg-green-50 h3 { color: #86efac !important; }
body.dark-theme .choice-card.bg-green-50 ul li { color: #4ade80 !important; }
body.dark-theme .choice-card.bg-indigo-50 { background: #1e1b4b !important; border-color: #3730a3 !important; }
body.dark-theme .choice-card.bg-indigo-50 h3 { color: #a5b4fc !important; }
body.dark-theme .choice-card.bg-indigo-50 ul li { color: #818cf8 !important; }

body.dark-theme .feature-card { background: #1e1b4b !important; border-color: #3730a3 !important; }
body.dark-theme .feature-card h3 { color: #a5b4fc !important; }
body.dark-theme .feature-card p { color: #94a3b8 !important; }

body.dark-theme .tip-card { background: #1c1400 !important; border-color: #92400e !important; }
body.dark-theme .tip-card .text-amber-800,
body.dark-theme .tip-card p.font-bold { color: #fcd34d !important; }
body.dark-theme .tip-card .text-amber-700 { color: #fbbf24 !important; }

body.dark-theme .step-number.bg-amber-100 { background: #1c1400 !important; color: #fcd34d !important; }
body.dark-theme .step-number.bg-orange-100 { background: #1a0c00 !important; color: #fb923c !important; }

body.dark-theme .metric-card { background: #052e16 !important; border-color: #166534 !important; }
body.dark-theme .metric-card[style*="eff6ff"] { background: #1e1b4b !important; border-color: #3730a3 !important; }
body.dark-theme .metric-card[style*="fdf4ff"] { background: #2e1065 !important; border-color: #6b21a8 !important; }
body.dark-theme .metric-card .text-green-800,
body.dark-theme .metric-card .text-blue-800,
body.dark-theme .metric-card .text-purple-800 { color: #e2e8f0 !important; }
body.dark-theme .metric-card .text-green-700,
body.dark-theme .metric-card .text-blue-700,
body.dark-theme .metric-card .text-purple-700 { color: #94a3b8 !important; }
body.dark-theme .score-badge.bg-green-100 { background: #052e16 !important; color: #86efac !important; }
body.dark-theme .score-badge.bg-blue-100 { background: #1e1b4b !important; color: #a5b4fc !important; }
body.dark-theme .score-badge.bg-purple-100 { background: #2e1065 !important; color: #d8b4fe !important; }

body.dark-theme .value-card { background: #1e293b !important; border-color: #334155 !important; }
body.dark-theme .value-card h3,
body.dark-theme .value-card .text-slate-800 { color: #e2e8f0 !important; }
body.dark-theme .value-card p,
body.dark-theme .value-card .text-slate-500 { color: #94a3b8 !important; }
body.dark-theme .roadmap-item { background: #1e293b !important; border-color: #334155 !important; }
body.dark-theme .roadmap-item .text-slate-800,
body.dark-theme .roadmap-item .font-bold { color: #e2e8f0 !important; }
body.dark-theme .roadmap-item .text-slate-500 { color: #94a3b8 !important; }

body.dark-theme .code-block { background: #0f172a !important; color: #7dd3fc !important; }

body.dark-theme a.bg-white.rounded-2xl h3 { color: #e2e8f0 !important; }
body.dark-theme a.bg-white.rounded-2xl span { color: #64748b !important; }
body.dark-theme a.bg-white.rounded-2xl:hover { border-color: #6366f1 !important; }

body.dark-theme .blog-card h3 { color: #e2e8f0 !important; }
body.dark-theme .blog-card p { color: #94a3b8 !important; }
body.dark-theme .blog-card .text-slate-900 { color: #e2e8f0 !important; }

body.dark-theme section h2 { color: #f1f5f9 !important; }