:root {
  --font-sans: "Space Grotesk", "Inter", "Cairo", "Noto Sans Arabic",
    "IBM Plex Sans Arabic", "Vazir", "Noto Sans Armenian", "Noto Sans SC",
    -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-family: var(--font-sans);
  color: #050505;
  background-color: #ffffff;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  min-height: 100%;
}

body {
  margin: 0;
  font-family: var(--font-sans);
  background-color: #ffffff;
  color: #050505;
  -webkit-font-smoothing: antialiased;
}

html[lang="fa"] body {
  font-family: "Vazir", "Cairo", "Tahoma", "Segoe UI", sans-serif;
}

html[lang="ar"] body {
  font-family: "Cairo", "Noto Sans Arabic", "IBM Plex Sans Arabic", sans-serif;
}

html[lang="hy"] body {
  font-family: "Noto Sans Armenian", "Space Grotesk", "Segoe UI", sans-serif;
}

html[lang="zh"] body {
  font-family: "Noto Sans SC", "Space Grotesk", "PingFang SC", "Microsoft YaHei",
    sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
textarea,
select {
  font: inherit;
  color: inherit;
  background: none;
}

input,
textarea,
select {
  border-radius: 0;
}

textarea {
  resize: vertical;
  min-height: 100px;
}

button {
  border: none;
}

::selection {
  background-color: #050505;
  color: #ffffff;
}

[dir="rtl"] .text-left,
[dir="rtl"] .md\:text-left,
[dir="rtl"] .lg\:text-left {
  text-align: right !important;
}

[dir="rtl"] .text-right,
[dir="rtl"] .md\:text-right,
[dir="rtl"] .lg\:text-right {
  text-align: left !important;
}

[dir="rtl"] .pl-4 {
  padding-left: 0 !important;
  padding-right: 1rem !important;
}

@media (max-width: 640px) {
  html,
  body {
    max-height: 100dvh;
    overflow-y: auto;
  }

  header nav {
    justify-content: center;
    width: 100%;
  }
}