/* One orange palette for public pages and the separate GiveWP form document.
   The base matches the approved homepage Donate Now button. */
:root{
  --hbb-orange:#f47d20;
  --hbb-orange-hover:var(--hbb-orange);
  --hbb-orange-soft:var(--hbb-orange);
  --hbb-orange-glow:transparent;
}
@supports(color:color-mix(in srgb,red,white)){
  :root{
    --hbb-orange-hover:color-mix(in srgb,var(--hbb-orange) 88%,black);
    --hbb-orange-soft:color-mix(in srgb,var(--hbb-orange) 16%,white);
    --hbb-orange-glow:color-mix(in srgb,var(--hbb-orange) 25%,transparent);
  }
}
/* Bridge the approved export's existing utilities to the same palette.
   Keep the original generated stylesheet and every layout utility intact. */
.bg-tertiary,.bg-tertiary-container,[class~="bg-[#F47D20]"]{background-color:var(--hbb-orange)}
.text-tertiary,.text-tertiary-container,.text-tertiary-fixed,[class~="text-[#F47D20]"]{color:var(--hbb-orange)}
.border-tertiary,.border-tertiary-fixed-dim{border-color:var(--hbb-orange)}
.bg-tertiary-fixed{background-color:var(--hbb-orange-soft)}
.hover\:bg-tertiary-container:hover,[class~="hover:bg-[#ba5900]"]:hover{background-color:var(--hbb-orange-hover)}
.hover\:text-tertiary-fixed:hover{color:var(--hbb-orange)}
[class~="hover:text-[#ba5900]"]:hover{color:var(--hbb-orange-hover)}
.focus\:ring-tertiary:focus{--tw-ring-color:var(--hbb-orange)}
[class~="shadow-[#F47D20]/25"]{--tw-shadow-color:var(--hbb-orange-glow);--tw-shadow:var(--tw-shadow-colored)}
.selection\:bg-tertiary-fixed::selection,.selection\:bg-tertiary-fixed *::selection{background-color:var(--hbb-orange-soft)}