:root {
    --brand-navy: hsl(219, 46%, 32%);
    --gold: #c5a059; 
}

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

header {
    background-color: var(--brand-navy) !important;
    margin-bottom: 0 !important;
    padding-bottom: 3rem;
}

nav {
    margin-top: 0 !important; 
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3); 
}

.nav-link {
    color: white !important;
    text-decoration: none;
    transition: color 0.3s ease;
}
.nav-link:hover {
    color: var(--gold) !important;
}

/* Custom font applications */
body { 
    font-family: 'Quicksand', sans-serif; 
}

h1, h2, h3, .brand-font { 
    font-family: 'Playfair Display', serif; 
    color: var(--brand-navy);
}

/* Custom branding classes */
.bg-navy { background-color: var(--brand-navy); }
.text-navy { color: var(--brand-navy); }
.bg-gold { background-color: var(--gold); }
.text-gold { color: var(--gold); }
.border-gold { border-color: var(--gold); }

/* Smooth scrolling for nav links */
html {
    scroll-behavior: smooth;
}

/* Make inputs look better */
input:focus, textarea:focus {
    border-color: var(--gold) !important;
}