:root{
    --brand-blue:#55b4c8;
    --brand-light:#f8f8f8;
    --brand-orange:#f99d33;
}
.bg-brand-blue   {background:var(--brand-blue)!important;}
.bg-brand-light  {background:var(--brand-light)!important;}
.bg-brand-orange {background:var(--brand-orange)!important;}
.text-brand-blue {color:var(--brand-blue)!important;}
.text-brand-orange{color:var(--brand-orange)!important;}

/* Bootstrap-style button that follows the orange brand colour */
.btn-brand-orange.rounded-pill {
    --bs-btn-color:#fff;
    --bs-btn-bg:var(--brand-orange);
    --bs-btn-border-color:var(--brand-orange);
    --bs-btn-hover-bg:#e28c2d;
    --bs-btn-hover-border-color:#e28c2d;
    --bs-btn-active-bg:#c87b28;
    --bs-btn-active-border-color:#c87b28;
}