/* style.css */

/* Import Google Font - Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/* Apply Inter font globally */
body {
    font-family: 'Inter', sans-serif;
}

/* Custom height for hero section to ensure it takes up most of the screen */
/* Subtract header height (approx 80px) from full screen height */
.min-h-screen-minus-header {
    min-height: calc(100vh - 80px); /* Adjust 80px if header height changes */
}

/* Basic styling for focus states (Tailwind handles most of this, but good to have a fallback) */
*:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.5); /* Tailwind's blue-500 with opacity */
}

/* Ensure images are responsive */
img {
    max-width: 100%;
    height: auto;
}