/* Custom styles to supplement Tailwind */
html {
    scroll-behavior: smooth;
}

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

h1, h2, h3, .font-display {
    font-family: 'Syne', sans-serif;
}

/* Geometric shapes decoration */
.deco-circle {
    position: absolute;
    border-radius: 50%;
    z-index: -1;
}

/* Smooth image loading */
img {
    display: block;
    max-width: 100%;
}