/* Configure custom brand colors via Tailwind inline theme extension directives if needed, or target utility overrides */
:root {
    --brand-blue: #0B3C5D;
    --brand-gold: #D9B310;
    --brand-dark: #1D2731;
    --brand-light: #F4F5F7;
    --brand-accent: #3282B8;
}

/* Custom Tailwind Config script-tag fallback styles for direct CSS consumption */
.bg-brand-blue { background-color: var(--brand-blue); }
.text-brand-blue { color: var(--brand-blue); }
.border-brand-blue { border-color: var(--brand-blue); }

.bg-brand-gold { background-color: var(--brand-gold); }
.text-brand-gold { color: var(--brand-gold); }
.border-brand-gold { border-color: var(--brand-gold); }

.bg-brand-dark { background-color: var(--brand-dark); }
.text-brand-dark { color: var(--brand-dark); }

.bg-brand-accent { background-color: var(--brand-accent); }

/* Hero background image fallback */
.hero-bg {
    background-image: url('https://images.unsplash.com/photo-1473341304170-971dccb5ac1e?auto=format&fit=crop&q=80');
}