@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100;300;400;500;700;900&family=Inter:wght@400;500;600;700;800;900&display=swap');
@import "tailwindcss";

@theme {
  --font-sans: "Vazirmatn", "Inter", sans-serif;
  --font-vazir: "Vazirmatn", sans-serif;
  --font-inter: "Inter", sans-serif;
}

@layer base {
  :root {
    font-family: "Vazirmatn", "Inter", sans-serif !important;
  }

  body {
    background-color: var(--color-gray-50);
    color: var(--color-gray-900);
    margin: 0;
    font-family: "Vazirmatn", "Inter", sans-serif !important;
  }

  button, a {
    cursor: pointer;
  }
}

@layer utilities {
  .font-vazir {
    font-family: "Vazirmatn", sans-serif;
  }
}