.bf,
.vr-shell {
    --bf-accent: rgb(1, 104, 108);
    --bf-accent-alt: rgb(255, 112, 94);
    --bf-highlight: rgb(255, 112, 94);
    --bf-page-bg: #ffffff;
    --bf-page-fg: rgb(1, 104, 108);
    --bf-card-bg: #ffffff;
    --bf-card-border: rgba(1, 104, 108, 0.18);
    --bf-muted: rgba(1, 104, 108, 0.78);
    --bf-subtle: rgba(1, 104, 108, 0.56);
}

.bf .bf-not-found,
.vr-not-found {
    background: rgb(253, 255, 233);
    border-color: rgba(255, 112, 94, 0.32);
    color: rgb(1, 104, 108);
}

.bf .bf-actor-hero,
.vr-header,
.modal-header {
    background: linear-gradient(135deg, rgb(1, 104, 108) 0%, rgb(1, 104, 108) 62%, rgb(255, 112, 94) 100%);
    color: #f8fafc;
}

.bf .bf-actor-hero::before,
.vr-header::before {
    background: radial-gradient(ellipse 70% 120% at 100% 50%, rgba(253, 255, 233, 0.22) 0%, transparent 60%);
}

.bf .bf-hero-stat,
.bf .bf-social-btn {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.2);
}

.bf .bf-badge-card,
.bf .bf-badge-img-wrap,
.bf .bf-stats-row,
.bf .bf-recipient-card,
.bf .bf-follower-card,
.vr-badge-img-card,
.vr-criteria,
.vr-owner,
.vr-comments,
.verification-modal-content,
.comment-card,
.trust-factor,
.trust-factor-value,
.certificate-verification {
    background: #ffffff;
    border-color: rgba(1, 104, 108, 0.18);
}

.bf .bf-badge-img-zone,
.bf .bf-tag-hash,
.bf .bf-rc-btn.secondary,
.vr-chip,
.vr-copy-btn,
.vr-btn.secondary {
    background: rgb(253, 255, 233);
    border-color: rgba(1, 104, 108, 0.14);
    color: rgb(1, 104, 108);
}

.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: rgb(255, 112, 94);
}

.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(255, 112, 94, 0.1);
    border-color: rgba(255, 112, 94, 0.26);
}

.vr-verified-pill,
.vr-verifiable-pill,
.vr-btn.verify,
.verification-modal-header,
.trust-factor-check,
.print-button,
.verification-badge {
    background: linear-gradient(135deg, rgb(1, 104, 108), rgb(255, 112, 94));
    color: #ffffff;
    border-color: rgba(255, 112, 94, 0.24);
}

.vr-verifiable-pill {
    box-shadow: 0 8px 24px rgba(1, 104, 108, 0.2);
}

.vr-external-warn {
    background: rgb(253, 255, 233);
    border-color: rgba(255, 112, 94, 0.24);
    color: rgb(1, 104, 108);
}

.vr-fingerprint,
.certificate-fingerprint {
    background: rgb(1, 104, 108);
    color: rgb(253, 255, 233);
}

.vr-fingerprint,
.trust-factor-value,
.certificate-fingerprint {
    border-left-color: rgb(255, 112, 94);
}

.tooltip .tooltiptext {
    background: rgb(1, 104, 108);
    color: #f8fafc;
}

.tooltip .tooltiptext::after {
    border-top-color: rgb(1, 104, 108);
}

.certificate-container {
    background: linear-gradient(180deg, #ffffff 0%, rgb(253, 255, 233) 100%);
    border-color: rgb(1, 104, 108);
}

.certificate-container::after,
.certificate-title,
.certificate-badge-title,
.certificate-issuer-name,
.certificate-date-value,
.certificate-verification-title,
.certificate-seal-image,
.certificate-ornament {
    color: rgb(1, 104, 108);
    border-color: rgb(1, 104, 108);
}

.certificate-subtitle {
    color: rgb(255, 112, 94);
}

.certificate-description,
.certificate-achievement,
.certificate-recipient,
.certificate-verification-text,
.certificate-qr-label,
.certificate-issuer-title,
.certificate-date-label {
    color: rgba(1, 104, 108, 0.78);
}