/* Basic styles */
body {
    scroll-behavior: smooth;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Dark mode styles */
.dark body {
    background-color: #1a202c;
    color: #f7fafc;
}

.dark nav, .dark footer, .dark section {
    background-color: #2d3748;
    color: #f7fafc;
}

.dark #mobile-menu, .dark .bg-white {
    background-color: #2d3748;
}

.dark .bg-gray-50 {
    background-color: #1a202c;
}

.dark .text-gray-800 {
    color: #f7fafc;
}

.dark .shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Navigation styles */
.nav-link {
    position: relative;
    transition: color 0.3s ease;
}

.nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -5px;
    left: 0;
    background-color: #8b5cf6;
    transition: width 0.3s ease;
}

.nav-link:hover::after, .nav-link.active::after {
    width: 100%;
}

/* Post card animation */
.post-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.post-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Theme toggle button */
#toggle-theme img {
    transition: transform 0.3s ease;
}

.dark #toggle-theme img {
    transform: rotate(180deg);
}