/* Shared across the public site and app. Brand accents keep their brighter orange. */
:root {
    --app-action-primary: #b95000;
    --app-action-primary-hover: #a84400;
    --app-on-primary: #ffffff;
}
/* Cover existing utility-based CTAs while new work uses app-btn-primary. */
:is(a, button, input[type="submit"], input[type="button"]):is(
    [class~="bg-primary"], [class~="bg-orange-500"], [class~="bg-[#ff8201]"]
) {
    background: var(--app-action-primary) !important;
    border-color: var(--app-action-primary) !important;
    color: var(--app-on-primary) !important;
}
:is(a, button, input[type="submit"], input[type="button"]):is(
    [class~="bg-primary"], [class~="bg-orange-500"], [class~="bg-[#ff8201]"]
):is(:hover, :focus-visible),
:is(a, button)[class~="hover:bg-primary"]:is(:hover, :focus-visible) {
    background: var(--app-action-primary-hover) !important;
    border-color: var(--app-action-primary-hover) !important;
    color: var(--app-on-primary) !important;
}
.app-btn.app-btn-loading,
.app-btn.app-btn-loading:is(:hover, :focus-visible) { color: transparent !important; }
