body {
            font-family: 'Raleway', sans-serif;
            transition: background-color 0.3s ease, color 0.3s ease;
        }

        /* Subtle animation for section fade-in */
        .section-fade-in {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.6s ease-out, transform 0.6s ease-out;
        }

        .section-fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* Modal animation */
        .modal {
            transition: opacity 0.3s ease;
        }

        /* Active nav link style */
        .nav-link.active {
            color: #6D9886; /* mint green */
        }
        .dark .nav-link.active {
            color: #A7D6C2; /* lighter mint for dark mode */
        }
        .clickable-card {
            cursor: pointer;
        }