/* Custom styles can be added here */
/* Tailwind's utility classes are used for most styling */

/* Base typography */
html {
    scroll-behavior: smooth;
    font-family: var(--font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-kerning: normal;
    -webkit-font-smoothing: subpixel-antialiased;
    font-feature-settings: 'kern', 'liga', 'clig', 'calt';
}

/* Ensure all text elements use the same font stack */
h1, h2, h3, h4, h5, h6,
p, a, span, div, button, input, textarea, select, label {
    font-family: inherit;
}

/* Smooth font loading */
.font-smooth {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Custom animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.fade-in {
    animation: fadeIn 0.5s ease-out forwards;
}