body {
    background-color: #fcfbfb;
}

#desktop-nav .nav-link {
    color: #969797;
    background-color: transparent;
    font-weight: 500; /* medium */
    padding: 0.5rem 1rem;
    border-radius: 9999px; /* pill shape */
    transition: color 0.3s ease;
}

#desktop-nav .nav-link:hover {
    color: #333; /* Darker text on hover */
}

#desktop-nav .nav-link.active {
    color: #10B981; /* Keep active color */
}

/* New Design Styles */

/* Add any specific styles for the new design here */
.font-display {
    font-family: 'Playfair Display', serif;
}

.nav-link.active {
    color: #10B981; /* brand-accent */
}

.bg-teal-100 {
    background-color: #F0FFFA;
}

.bg-teal-500 {
    background-color: #14B8A6;
}

.bg-teal-600 {
    background-color: #0D9488;
}

.bg-teal-800 {
    background-color: #0F766E;
}

.bg-green-500 {
    background-color: #10B981;
}

.btn-download-app {
    background-color: #92b26b;
}

.btn-download-app:hover {
    background-color: #7d9a59; /* Darker shade for hover */
}