/* Import Google Fonts directly in the CSS */
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght@100..700,0..1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');

/* Basic App Resets */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 
 * Note: Majority of the styling relies on utility classes via Tailwind CSS, 
 * which guarantees UI rendering stability and layout responsive adaptations.
 * Feel free to add any custom overrides or CSS modules here. 
 */