@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;500&display=swap');

body {
    font-family: 'Inter', sans-serif;
    line-height: 1.6;
}

.font-serif {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-style: italic;
}

.container {
    max-width: 1200px;
    padding: 0 1rem;
}

img {
    filter: drop-shadow(0 0 8px rgba(220, 38, 38, 0.2));
    transition: all 0.3s ease;
}

img:hover {
    transform: scale(1.01);
}

[data-feather] {
    stroke-width: 1.5;
    stroke: currentColor;
}

.bg-gray-800 {
    background-color: rgba(17, 24, 39, 0.9);
    backdrop-filter: blur(4px);
}

.hover\:bg-gray-700:hover {
    background-color: rgba(31, 41, 55, 0.9);
}

@media (max-width: 640px) {
    .container {
        padding: 0 0.5rem;
    }
}