script.js

const toggleBtn = document.getElementById('toggle-mode');
        toggleBtn.addEventListener('click', function() {
            document.body.classList.toggle('dark-mode');
        });

// Modal logic
const modal = document.getElementById('signin-modal');
const signInBtn = document.querySelector('.header button');
const closeModalBtn = document.querySelector('.close-modal');
const tabSignin = document.getElementById('tab-signin');
const tabSignup = document.getElementById('tab-signup');
const signinForm = document.getElementById('signin-form');
const signupForm = document.getElementById('signup-form');

// Show modal on sign in button click
signInBtn.addEventListener('click', () => {
    modal.style.display = 'flex';
});

// Close modal
closeModalBtn.addEventListener('click', () => {
    modal.style.display = 'none';
});

// Switch tabs
tabSignin.addEventListener('click', () => {
    tabSignin.classList.add('active');
    tabSignup.classList.remove('active');
    signinForm.style.display = '';
    signupForm.style.display = 'none';
});
tabSignup.addEventListener('click', () => {
    tabSignup.classList.add('active');
    tabSignin.classList.remove('active');
    signinForm.style.display = 'none';
    signupForm.style.display = '';
});

// Optional: close modal when clicking outside content
modal.addEventListener('click', (e) => {
    if (e.target === modal) modal.style.display = 'none';
});