@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

/* Font loading for the application */
/* ProximaNova font family - you can add actual font files here if available */
/* Using Roboto as fallback for ProximaNova fonts */
body {
  font-family: 'Roboto', 'ProximaNova-Light', 'Helvetica Neue', Arial, sans-serif;
}
/* Font weight classes if needed */
.font-light {
  font-family: 'Roboto', 'ProximaNova-Light', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
}
.font-bold {
  font-family: 'Roboto', 'ProximaNova-Bold', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 700;
}
.font-semibold {
  font-family: 'Roboto', 'ProximaNova-Semibold', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
}
.font-extrabold {
  font-family: 'Roboto', 'ProximaNova-Extrabld', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 900;
}
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Global styles for proper height inheritance and scrolling */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#root {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Ensure all containers inherit height properly */
* {
  box-sizing: border-box;
}

/* Custom scrollbar styling for better UX */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}