/* Base styles */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    line-height: 1.6;
}

/* Skill cards */
.skill-card {
    @apply bg-white dark:bg-gray-800 p-6 rounded-xl shadow-sm hover:shadow-md transition-shadow duration-300 text-center;
}

.skill-card i {
    @apply w-12 h-12 mb-4 mx-auto p-3 rounded-full bg-indigo-50 dark:bg-gray-700;
}

.skill-card h3 {
    @apply text-lg font-semibold text-gray-800 dark:text-white mb-2;
}

.skill-card p {
    @apply text-gray-600 dark:text-gray-400 text-sm;
}

/* Project cards */
.project-card {
    @apply bg-white dark:bg-gray-800 rounded-lg shadow-sm hover:shadow-md transition-shadow duration-300 overflow-hidden border border-gray-100 dark:border-gray-700;
}

.project-card:hover {
    transform: translateY(-4px);
    transition: transform 0.3s ease;
}

/* Tech tags */
.tech-tag {
    @apply px-3 py-1 bg-indigo-100 dark:bg-gray-700 text-indigo-800 dark:text-indigo-400 text-xs font-medium rounded-full;
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    @apply bg-gray-100 dark:bg-gray-800;
}

::-webkit-scrollbar-thumb {
    @apply bg-gray-300 dark:bg-gray-600 rounded-full;
}

::-webkit-scrollbar-thumb:hover {
    @apply bg-gray-400 dark:bg-gray-500;
}