body {
    font-family: 'Inter', sans-serif;
    background-color: #111827; /* bg-gray-900 */
    color: #f3f4f6; /* text-gray-100 */
}

/* Apply Poppins to headings for contrast */
h1, h2, h3 {
    font-family: 'Poppins', sans-serif;
}

h1 {
    letter-spacing: -0.025em; /* Tighter spacing for large headlines */
}

h2 {
    letter-spacing: -0.015em; /* Slightly tighter spacing */
}

.text-gradient {
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    background-image: linear-gradient(to right, #6366f1, #a855f7); /* indigo-500 to purple-500 */
}
.btn {
    @apply px-6 py-3 rounded-lg font-semibold transition-all duration-300 ease-in-out;
}
.btn-primary {
    @apply bg-indigo-600 text-white hover:bg-indigo-700 shadow-lg hover:shadow-indigo-500/50;
}
.btn-secondary {
    @apply bg-gray-700 text-gray-100 hover:bg-gray-600;
}
.section-heading {
    @apply text-3xl md:text-4xl font-bold mb-12 text-center;
}
.section-heading span {
    @apply border-b-4 border-indigo-500 pb-2;
}

/* New Button Styles for Projects */
.project-btn {
    @apply inline-flex items-center justify-center px-5 py-2.5 rounded-lg font-semibold text-sm shadow-md transition-all duration-300 ease-in-out;
}
.project-btn-primary {
    @apply bg-indigo-600 text-white hover:bg-indigo-700 hover:shadow-lg hover:shadow-indigo-500/50;
}
.project-btn-secondary {
    @apply bg-gray-700 text-gray-200 hover:bg-gray-600;
}

/* FA Scroll Effect */
#logo-full, #logo-initials {
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.scrolled #logo-full {
    opacity: 0;
    transform: translateY(-4px);
}
.scrolled #logo-initials {
    opacity: 1;
    transform: translateY(0);
}
#logo-initials {
    opacity: 0;
    transform: translateY(4px);
}