/* Custom styles complementing Tailwind CSS */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

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

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

/* Custom focus states for accessibility */
a:focus-visible, button:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}