:root {
    --brand-primary: #00CFFF;
    --brand-blue: #0082BA;
    --brand-white: #F8F8F8;
    --brand-dark: #00213a;
}

body {
    background-color: var(--brand-blue);
    color: var(--brand-dark);
        font-family: 'Montserrat', sans-serif;
}

h1, h2, h3, h4, h5, h6, .font-display {
    font-family: 'Cormorant Garamond', 'Arial', sans-serif !important;
}

.bg-brand-blue { background-color: var(--brand-blue); }
.bg-brand-white { background-color: var(--brand-white); }
.bg-brand-primary { background-color: var(--brand-primary); }
.text-brand-primary { color: var(--brand-primary); }
.text-brand-blue { color: var(--brand-blue); }
.text-brand-dark { color: var(--brand-dark); }
.border-brand-primary { border-color: var(--brand-primary); }

.nav-scrolled {
    background-color: rgba(0, 130, 186, 0.95) !important;
    color: white !important;
}