/* We're using Tailwind CSS for most of the styling, so this file can be very minimal. */
/* It's a good practice to add a universal box-sizing rule for consistent layout. */
*, *::before, *::after {
  box-sizing: border-box;
}

/* Import the 'Inter' font for a clean, modern look */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap');

body {
  margin: 0;
  padding: 0;
}

/* Ensure the app container takes up the full screen height */
#app {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Custom styles for form inputs and buttons */
input, select {
  border-radius: 0.75rem; /* rounded-xl */
}

button {
  transition: all 0.2s ease-in-out;
}