/* Custom styles for smooth transitions and dark/light mode */
body {
    font-family: 'Inter', sans-serif;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Light mode specific styles */
.light body {
    background-color: #f7fafc; /* Light background */
    color: #2d3748; /* Dark text */
}
.light .bg-white {
    background-color: #ffffff;
}
.light .text-gray-800 {
    color: #2d3748;
}
.light .text-gray-600 {
    color: #718096;
}
.light .border-gray-200 {
    border-color: #edf2f7;
}

/* Dark mode specific styles */
.dark body {
    background-color: #1a202c; /* Dark background */
    color: #e2e8f0; /* Light text */
}
.dark .bg-white {
    background-color: #2d3748; /* Darker card background */
}
.dark .text-gray-800 {
    color: #e2e8f0;
}
.dark .text-gray-600 {
    color: #a0aec0;
}
.dark .border-gray-200 {
    border-color: #4a5568;
}

/* Smooth scrolling for anchor links */
.scroll-smooth {
    scroll-behavior: smooth;
}