@import "tailwindcss";
@import "./fonts.css";

@theme {
  --font-sans: 'Inter', system-ui, sans-serif;
  --font-heading: 'Poppins', sans-serif;

  --tracking-resuely: 0.2em;
}

@layer base {
  html {
    scroll-behavior: smooth;
    @apply scroll-pt-20; /* 5rem = 80px */
  }

  body {
    @apply scroll-pt-20; /* 5rem = 80px */
  }

  input,
  textarea,
  select,
  [contenteditable="true"] {
    @apply scroll-mt-32; /* 6rem = 96px */
  }
}

