:root {
    --brand-primary: #004273;
    --brand-secondary: #FFFFFF;
    --brand-tertiary: #001524;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--brand-secondary);
    color: var(--brand-tertiary);
    scroll-behavior: smooth;
}

.font-display {
    font-family: 'Space Grotesk', sans-serif;
}

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

.nav-scrolled {
    background-color: rgba(0, 21, 36, 0.95);
    backdrop-filter: blur(12px);
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.stroke-white { -webkit-text-stroke: 1px rgba(255,255,255,0.4); }