/* 1. Import the new highly readable "Inter" font from Google */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

@tailwind base;
@tailwind components;
@tailwind utilities;

/* 2. Apply it globally to the entire app */
@layer base {
  body {
    font-family: 'Inter', sans-serif;
    
    /* This automatically makes ALL standard text in your app a bit thicker! */
    font-weight: 500; 
    
    /* Adds a tiny bit of breathing room between letters for better dark-mode legibility */
    letter-spacing: 0.01em; 
  }
}

/* (Leave any custom scrollbar or hide-scrollbar CSS you already had down here!) */
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}