@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom Styles */
.project-item {
    aspect-ratio: 16/9;
}

.project-overlay {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

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

/* Typography */
h1, h2, h3, h4, h5, h6 {
    letter-spacing: -0.05em;
}

/* Navigation active state */
.active-nav-item {
    @apply font-bold;
}