:root {
    --font-serif: Georgia, serif;
    --font-sans: system-ui, -apple-system, sans-serif;
}

.font-serif {
    font-family: var(--font-serif);
}

.font-sans {
    font-family: var(--font-sans);
}

/* Ensure smooth scrolling and basic resets */
html {
    scroll-behavior: smooth;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}