/* TailwindCSS Directives */
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  *, *::before, *::after {
    box-sizing: border-box;
  }
}
@layer base {
  html {
    font-family: ui-sans-serif, system-ui, -apple-system,
      BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      Arial, "Noto Sans", sans-serif;
    -webkit-text-size-adjust: 100%;
  }
}
@layer base {
  input, button, textarea, select {
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
  }
}
@layer utilities {
  .min-h-screen-safe {
    min-height: 100vh;
    min-height: 100dvh;
  }
}
@layer utilities {
  .scrollbar-thin {
    scrollbar-width: thin; /* Firefox */
  }

  .scrollbar-thin::-webkit-scrollbar {
    width: 6px;
  }

  .scrollbar-thin::-webkit-scrollbar-thumb {
    background-color: #cbd5e1;
    border-radius: 9999px;
  }
}
/* Reset y Base */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  min-height: 100vh;
}