html, body {
    width: 100%;
    max-width: 100%;
    font-family: var(--font-sans);
    scroll-behavior: smooth;
    overflow-x: hidden;
}
/* Custom Colors mapping to classes */
.text-brand-orange { color: var(--brand-orange); }
.bg-brand-orange { background-color: var(--brand-orange); }
.hover\:bg-brand-orange-dark:hover { background-color: var(--brand-orange-dark); }
.text-brand-navy { color: var(--brand-navy); }
.bg-brand-navy { background-color: var(--brand-navy); }
.text-brand-blue { color: var(--brand-blue); }
.bg-brand-blue { background-color: var(--brand-blue); }