body {
            font-family: 'Inter', sans-serif;
            background-color: #0f172a;
            color: #f8fafc;
        }

        .serif {
            font-family: 'Playfair Display', serif;
        }

        .sitemap-link {
            transition: all 0.2s ease;
        }

        .sitemap-link:hover {
            color: #d4af37;
            transform: translateX(4px);
        }

        /* Scrollbar styling */
        ::-webkit-scrollbar {
            width: 8px;
        }

        ::-webkit-scrollbar-track {
            background: #1e293b;
            /* dark track */
        }

        ::-webkit-scrollbar-thumb {
            background: #475569;
            /* default gray-blue */
            border-radius: 4px;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: #d4af37;
            /* gold on hover */
        }

        /* Eye icon inside password fields */
#loginModal .relative button,
#signupModal .relative button {
    background: transparent;
    border: none;
    padding: 0 8px;
    font-size: 1.1rem;
    cursor: pointer;
    z-index: 5;
}

#loginModal .relative button:hover,
#signupModal .relative button:hover {
    color: #d4af37; /* gold on hover */
}