/* ============================================
   GOOGLE FONTS IMPORT
   Must be loaded FIRST before any other CSS
   ============================================ */

/* Preconnect to Google Fonts for performance */
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700;800&family=Rubik:wght@300;400;500;600;700&display=swap');

/* Font Face Fallbacks (in case Google Fonts fails) */
body {
    font-family: 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Fredoka', cursive, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
}