:root {
    --mpp-navy: #1F4782; 
    --mpp-med-blue: #216AA9; 
    --mpp-azure: #1B92A7; 
    --mpp-orange: #EF9B2A;
}

body { 
    font-family: 'Inter', sans-serif; 
    scroll-behavior: smooth; 
}

.font-script { 
    font-family: 'Kaushan Script', cursive; 
}

.bg-mpp-navy { background-color: var(--mpp-navy); }
.bg-mpp-med-blue { background-color: var(--mpp-med-blue); }
.bg-mpp-azure { background-color: var(--mpp-azure); }
.bg-mpp-orange { background-color: var(--mpp-orange); }

.text-mpp-navy { color: var(--mpp-navy); }
.text-mpp-azure { color: var(--mpp-azure); }

.glass { 
    background: rgba(255, 255, 255, 0.98); 
    backdrop-filter: blur(15px); 
}

.feature-card { 
    transition: all 0.3s ease; 
    border: 1px solid #e2e8f0; 
    border-radius: 2rem; 
}

.feature-card:hover { 
    transform: translateY(-8px); 
    border-color: var(--mpp-azure); 
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1); 
}

input::placeholder {
    color: #cbd5e1;
}

/* Custom dropdown arrow for the select menu */
select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231F4782'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1.5rem center;
    background-size: 1.25rem;
}

/* Update in style.css */
nav .max-w-7xl {
    height: auto;
    min-height: 5rem; /* 80px */
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* Ensure buttons don't wrap and break shapes */
a, button {
    display: inline-block;
    word-break: keep-all;
}