body {
   font-family: 'Inter', sans-serif;
   background-color: #ffffff;
   color: #111827;
   overflow-x: hidden;
}


/* Custom Utilities */
.lowercase-style { text-transform: lowercase; }
.text-accent { color: #10b981; /* Emerald 500 */ }
.bg-accent { background-color: #10b981; }
.bg-accent-light { background-color: #ecfdf5; }
.border-accent { border-color: #10b981; }
.logo-svg { height: 32px; width: auto; }


/* Scrollbar Customization */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #fff; }
::-webkit-scrollbar-thumb { background: #e5e7eb; border-radius: 4px; }


/* Navigation State */
.nav-link.active { color: #111827; font-weight: 600; }
.nav-link { color: #6b7280; transition: color 0.3s; }
.nav-link:hover { color: #10b981; }


/* Custom Animations */
.fade-in-up {
   opacity: 0;
   transform: translateY(20px);
   transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.fade-in-up.visible {
   opacity: 1;
   transform: translateY(0);
}




/* Mobile Navbar */
@media (max-width: 768px){
   #navbar > div {
       flex-direction: column;
       gap: 12px;
   }


   #navbar button{
       width: 100%;
       justify-content: center;
   }
}