/* Shared dark theme overrides for static pages */
body.theme-dark {
    background-color: #020617 !important;
    color: #e2e8f0 !important;
}

body.theme-dark .bg-white {
    background-color: #0f172a !important;
}

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

body.theme-dark .bg-slate-900 {
    background-color: #020617 !important;
}

body.theme-dark .bg-slate-950 {
    background-color: #000000 !important;
}

body.theme-dark .border-slate-200,
body.theme-dark .border-slate-300,
body.theme-dark .border-slate-700,
body.theme-dark .border-slate-800 {
    border-color: #334155 !important;
}

body.theme-dark .text-slate-900 {
    color: #f8fafc !important;
}

body.theme-dark .text-slate-700 {
    color: #cbd5e1 !important;
}

body.theme-dark .text-slate-600,
body.theme-dark .text-slate-500,
body.theme-dark .text-slate-400,
body.theme-dark .text-slate-300 {
    color: #94a3b8 !important;
}

body.theme-dark .marketplace-badge {
    background: rgba(148, 163, 184, 0.08) !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
}

body.theme-dark .feature-card:hover {
    border-color: #f97316 !important;
}

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

body.theme-dark .border-blue-500,
body.theme-dark .border-blue-200 {
    border-color: #3b82f6 !important;
}

body.theme-dark .text-blue-900 {
    color: #bfdbfe !important;
}

body.theme-dark .bg-orange-50 {
    background-color: #1f2937 !important;
}

body.theme-dark .bg-orange-100 {
    background-color: #7c2d12 !important;
}

body.theme-dark .from-orange-50,
body.theme-dark .to-slate-100 {
    background-image: linear-gradient(to bottom right, #1f2937, #0f172a) !important;
}

.theme-toggle-btn {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 9999px;
    border: 1px solid #cbd5e1;
    color: #475569;
    background: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.theme-toggle-btn:hover {
    border-color: #f97316;
    color: #f97316;
    transform: translateY(-1px);
}

body.theme-dark .theme-toggle-btn {
    border-color: #475569;
    color: #e2e8f0;
    background: #0f172a;
}

body.theme-dark .theme-toggle-btn:hover {
    border-color: #f97316;
    color: #f97316;
}