:root{ --refueled-accent: #146da6; --refueled-accent-rgb: 20, 109, 166; --refueled-accent-dark-rgb: 17, 93, 141; }
.hero-background::after{ background: rgba(35, 35, 35, 0.8); }

.btn-primary, .pagi .pagination .page-item.active .page-link, .btn-primary.btn-outline {
    background-color: var(--refueled-accent) !important;
    border-color: var(--refueled-accent) !important;
    color: #fff !important;
}
.btn.btn-outline, .btn.btn-outline:hover {
    border-color: var(--refueled-accent) !important;
}
.btn-primary.btn-outline { color: var(--refueled-accent) !important; background: transparent !important; }
/* Hover / semi-transparent variants (match previous alpha hex usages) */
/* Unified light hover for buttons/inputs using the accent color (only buttons/inputs, not nav links) */
.btn-primary:hover,
.btn:hover,
.button:hover,
.btn.btn-outline:hover,
input[type=submit]:hover,
input[type=button]:hover {
    background-color: rgba(var(--refueled-accent-rgb), 0.12) !important;
    border-color: rgba(var(--refueled-accent-rgb), 0.12) !important;
}

/* Note: intentionally not writing any rules targeting #wpadminbar so the admin bar is unaffected */