@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap');

html { scroll-behavior: smooth; }

@layer utilities {
    .bg-estate-primary { background-color: #0E2954; }
    .bg-estate-secondary { background-color: #1F6E8C; }
    .bg-estate-accent { background-color: #2E8A99; }
    .bg-estate-light { background-color: #84A7A1; }
    .bg-estate-bg { background-color: #F8F9FA; }
    
    .text-estate-primary { color: #0E2954; }
    .text-estate-secondary { color: #1F6E8C; }
    .text-estate-accent { color: #2E8A99; }
    
    .border-estate-primary { border-color: #0E2954; }
    .border-estate-accent { border-color: #2E8A99; }
    
    .font-outfit { font-family: 'Outfit', sans-serif; }
    .font-jakarta { font-family: 'Plus Jakarta Sans', sans-serif; }
    
    .btn-estate {
        @apply inline-flex items-center justify-center bg-[#0E2954] text-white font-jakarta text-sm font-semibold rounded-lg py-3 px-8 hover:bg-[#1F6E8C] transition-colors duration-300 shadow-lg shadow-[#0E2954]/30;
    }
    
    .btn-estate-outline {
        @apply inline-flex items-center justify-center border-2 border-[#0E2954] text-[#0E2954] font-jakarta text-sm font-semibold rounded-lg py-3 px-8 hover:bg-[#0E2954] hover:text-white transition-colors duration-300;
    }
    
    .nav-link {
        @apply text-[#0E2954] hover:text-[#1F6E8C] font-jakarta text-sm font-semibold transition-colors duration-300;
    }
    
    .nav-link.active {
        @apply text-[#1F6E8C];
    }
}

/* Glassmorphism for modern feel */
.glass-panel {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.dark-glass-panel {
    background: rgba(14, 41, 84, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}