@import "tailwindcss";

:root {
  --font-heading:
    "Space Grotesk", "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
}

body,
input,
textarea,
button,
select {
  font-family: var(--font-body);
}

h1,
h2,
h3,
h4,
.font-heading {
  font-family: var(--font-heading);
}

@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    border-color: var(--color-gray-200, currentColor);
  }
}