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

:root {
  color-scheme: light;
}

html,
body {
  background-color: #fff8eb;
  color: #915837;
}

body {
  min-height: 100vh;
}

input,
select,
textarea {
  @apply w-full rounded-md border border-amber/30 bg-white px-3 py-2 text-chestnut placeholder:text-chestnut/45 focus:border-amber focus:outline-none;
}

button {
  @apply inline-flex items-center justify-center rounded-md bg-amber px-4 py-2 font-medium text-white transition hover:bg-chestnut;
}