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

@layer base {
  :root {
    --brand: 162 76% 25%;
    --brand-light: 162 52% 92%;
  }

  * {
    @apply border-gray-200;
  }

  body {
    @apply bg-white text-gray-900 antialiased;
    font-family: var(--font-vazirmatn), var(--font-inter), system-ui, sans-serif;
  }

  html[lang="en"] body {
    font-family: var(--font-inter), system-ui, sans-serif;
  }

  html[lang="fa"] body,
  html[lang="ar"] body {
    font-family: var(--font-vazirmatn), system-ui, sans-serif;
  }
}

@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
}
