body.dark-mode {
            background-color: #1a202c;
            color: #e2e8f0;
        }

        body.dark-mode .bg-white {
            background-color: #2d3748;
        }

        body.dark-mode .text-gray-600 {
            color: #e2e8f0;
        }

        body.dark-mode .text-teal-600 {
            color: #81e6d9;
        }

        #theme-toggle {
            cursor: pointer;
        }

        #theme-icon {
            transition: transform 0.3s ease;
        }

        body.dark-mode #theme-icon {
            transform: rotate(180deg);
        }

        nav a {
            position: relative;
            text-decoration: none;
            font-weight: normal;
            transition: color 0.3s ease, font-weight 0.3s ease;
        }

        nav a:hover {
            color: #38b2ac;
            font-weight: 600;
        }