.glass-nav {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
}

.bg-brandBlue {
    background-color: #0052cc;
}

.bg-brandDarkBlue {
    background-color: #003380;
}

.bg-brandLightBlue {
    background-color: #e6f0ff;
}

.bg-brandBlue\/10 {
    background-color: rgb(0 82 204 / 10%);
}

.text-brandBlue {
    color: #0052cc;
}

.text-brandDarkBlue {
    color: #003380;
}

.text-brandLightBlue {
    color: #e6f0ff;
}

.border-brandBlue {
    border-color: #0052cc;
}

.hover\:bg-brandBlue:hover {
    background-color: #0052cc;
}

.hover\:bg-brandDarkBlue:hover {
    background-color: #003380;
}

.hover\:text-brandBlue:hover {
    color: #0052cc;
}

.hover\:border-brandBlue:hover {
    border-color: #0052cc;
}

.from-brandBlue {
    --tw-gradient-from: #0052cc var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 82 204 / 0%) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-brandDarkBlue {
    --tw-gradient-from: #003380 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 51 128 / 0%) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-brandLightBlue\/50 {
    --tw-gradient-from: rgb(230 240 255 / 50%) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(230 240 255 / 0%) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-brandBlue {
    --tw-gradient-to: #0052cc var(--tw-gradient-to-position);
}

.to-brandAccent {
    --tw-gradient-to: #0066ff var(--tw-gradient-to-position);
}