.bf,
.vr-shell {
    --bf-accent: #60a5fa;
    --bf-accent-alt: #2563eb;
    --bf-highlight: #22d3ee;
    --bf-page-bg: #020617;
    --bf-page-fg: #e2e8f0;
    --bf-card-bg: #0f172a;
    --bf-card-border: #1e293b;
    --bf-muted: #94a3b8;
    --bf-subtle: #64748b;
}

.bf .bf-page-header,
.bf .bf-body,
.bf .bf-s,
.vr-shell {
    background: radial-gradient(circle at top, rgba(37, 99, 235, 0.14), transparent 34%), #020617;
}

.bf .bf-not-found,
.vr-not-found {
    background: rgba(120, 53, 15, 0.22);
    border-color: rgba(251, 191, 36, 0.4);
    color: #fcd34d;
}

.bf .bf-actor-hero,
.vr-header,
.modal-header {
    background: linear-gradient(135deg, #0f172a 0%, #111827 55%, #1d4ed8 100%);
    color: #f8fafc;
}

.bf .bf-actor-hero::before,
.vr-header::before {
    background: radial-gradient(ellipse 70% 120% at 100% 50%, rgba(96, 165, 250, 0.18) 0%, transparent 60%);
}

.bf .bf-hero-stat,
.bf .bf-social-btn {
    background: rgba(15, 23, 42, 0.36);
    border-color: rgba(148, 163, 184, 0.28);
}

.bf .bf-badge-card,
.bf .bf-badge-img-wrap,
.bf .bf-stats-row,
.bf .bf-recipient-card,
.bf .bf-follower-card,
.bf .bf-empty,
.vr-badge-img-card,
.vr-criteria,
.vr-owner,
.vr-comments,
.verification-modal-content,
.comment-card,
.trust-factor,
.trust-factor-value,
.certificate-verification {
    background: #0f172a;
    border-color: #1e293b;
    color: #e2e8f0;
}

.bf .bf-badge-img-zone,
.bf .bf-tag-hash,
.bf .bf-rc-btn.secondary,
.vr-chip,
.vr-copy-btn,
.vr-btn.secondary {
    background: #111827;
    border-color: #1f2937;
    color: #cbd5e1;
}

.bf .bf-badge-desc,
.bf .bf-loading-title,
.bf .bf-empty-title,
.bf .bf-follower-handle,
.vr-desc,
.vr-criteria-body,
.vr-comments-intro p,
.comment-content,
.trust-factor-description,
.certificate-description,
.certificate-achievement,
.certificate-recipient,
.certificate-verification-text,
.certificate-qr-label {
    color: #94a3b8;
}

.bf .bf-loading-wrap,
.bf .bf-loading-sub,
.bf .bf-empty,
.vr-hint,
.vr-modal-footer,
.comment-date,
.trust-factor-description small,
.certificate-issuer-title,
.certificate-date-label {
    color: #64748b;
}

.bf .bf-outline-btn,
.bf .bf-issuer-btn,
.bf .bf-rc-btn.primary,
.vr-btn.download,
.vr-learn-btn,
.vr-share-btn.mastodon,
.vr-share-btn.linkedin,
.vr-chip a,
.vr-hint a,
.vr-external-warn a,
.trust-factor-value a,
.vr-header-sub a {
    color: #7dd3fc;
}

.bf .bf-outline-btn,
.bf .bf-issuer-btn,
.bf .bf-rc-btn.primary,
.vr-btn.download,
.vr-learn-btn,
.vr-share-btn.mastodon,
.vr-share-btn.linkedin {
    background: rgba(96, 165, 250, 0.12);
    border-color: rgba(125, 211, 252, 0.28);
}

.vr-verified-pill,
.vr-verifiable-pill,
.vr-btn.verify,
.verification-modal-header,
.trust-factor-check,
.print-button,
.verification-badge {
    background: linear-gradient(135deg, #0f766e, #0ea5e9);
    color: #ecfeff;
    border-color: rgba(34, 211, 238, 0.28);
}

.vr-verifiable-pill {
    box-shadow: 0 8px 24px rgba(14, 165, 233, 0.24);
}

.vr-external-warn {
    background: rgba(120, 53, 15, 0.18);
    border-color: rgba(251, 191, 36, 0.24);
    color: #fbbf24;
}

.vr-fingerprint,
.certificate-fingerprint {
    background: #020617;
    color: #22d3ee;
}

.vr-fingerprint,
.trust-factor-value,
.certificate-fingerprint {
    border-left-color: #22d3ee;
}

.verification-modal,
.certificate-modal {
    background: rgba(2, 6, 23, 0.84);
}

.tooltip .tooltiptext {
    background: #111827;
    color: #e5e7eb;
    border: 1px solid #1f2937;
}

.tooltip .tooltiptext::after {
    border-top-color: #111827;
}

.certificate-container {
    background: linear-gradient(180deg, #0b1120 0%, #111827 100%);
    border-color: #334155;
}

.certificate-container::after,
.certificate-title,
.certificate-badge-title,
.certificate-issuer-name,
.certificate-date-value,
.certificate-verification-title,
.certificate-seal-image,
.certificate-ornament {
    color: #e2e8f0;
    border-color: #334155;
}

.certificate-subtitle {
    color: #7dd3fc;
}

.certificate-seal-image,
.certificate-qr-image {
    background: #111827;
}