/* SEO Compare - Theme Variables */
:root {
    --seo-primary: #3b82f6;
    --seo-success: #10b981;
    --seo-warning: #f59e0b;
    --seo-danger: #ef4444;
    --seo-info: #6366f1;
    --seo-muted: #6b7280;
    --seo-bg-card: #ffffff;
    --seo-bg-muted: #f9fafb;
    --seo-border: #e5e7eb;
    --seo-text: #111827;
    --seo-text-muted: #6b7280;
}

[data-bs-theme="dark"] {
    --seo-bg-card: #1f2937;
    --seo-bg-muted: #111827;
    --seo-border: #374151;
    --seo-text: #f9fafb;
    --seo-text-muted: #9ca3af;
}

/* Status badge colors */
.badge-matched {
    background-color: #d1fae5 !important;
    color: #065f46 !important;
}
[data-bs-theme="dark"] .badge-matched {
    background-color: rgba(16, 185, 129, 0.2) !important;
    color: #6ee7b7 !important;
}

.badge-different {
    background-color: #fef3c7 !important;
    color: #92400e !important;
}
[data-bs-theme="dark"] .badge-different {
    background-color: rgba(245, 158, 11, 0.2) !important;
    color: #fcd34d !important;
}

.badge-missing {
    background-color: #fee2e2 !important;
    color: #991b1b !important;
}
[data-bs-theme="dark"] .badge-missing {
    background-color: rgba(239, 68, 68, 0.2) !important;
    color: #fca5a5 !important;
}

.badge-both {
    background-color: #e0e7ff !important;
    color: #3730a3 !important;
}
[data-bs-theme="dark"] .badge-both {
    background-color: rgba(99, 102, 241, 0.2) !important;
    color: #a5b4fc !important;
}

.badge-new-staging {
    background-color: #dbeafe !important;
    color: #1e40af !important;
}
[data-bs-theme="dark"] .badge-new-staging {
    background-color: rgba(59, 130, 246, 0.2) !important;
    color: #93c5fd !important;
}

/* Pass/Fail badges for live checklist */
.badge-pass {
    background-color: #d1fae5 !important;
    color: #065f46 !important;
}
[data-bs-theme="dark"] .badge-pass {
    background-color: rgba(16, 185, 129, 0.2) !important;
    color: #6ee7b7 !important;
}

.badge-fail {
    background-color: #fee2e2 !important;
    color: #991b1b !important;
}
[data-bs-theme="dark"] .badge-fail {
    background-color: rgba(239, 68, 68, 0.2) !important;
    color: #fca5a5 !important;
}

.badge-info-custom {
    background-color: #e0e7ff !important;
    color: #3730a3 !important;
}
[data-bs-theme="dark"] .badge-info-custom {
    background-color: rgba(99, 102, 241, 0.2) !important;
    color: #a5b4fc !important;
}

.badge-blocked {
    background-color: #f3f4f6 !important;
    color: #6b7280 !important;
}
[data-bs-theme="dark"] .badge-blocked {
    background-color: rgba(107, 114, 128, 0.2) !important;
    color: #9ca3af !important;
}