@font-face {
  font-family: "Rabar";
  src: url("../fonts/Rabar_038.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.rabar-font {
  font-family: "Rabar", sans-serif;
}

.language-buttons button {
  border-radius: 1.5rem;
  padding: 0.5rem 1.25rem;
  transition: background 0.2s, color 0.2s;
}

.language-buttons button.active {
  background: #923E1A;
  color: #fff;
}

.language-buttons button:hover,
.language-buttons button.active:hover {
  background: #923E1A;
  color: #fff;
}

:root {
  --bg-color: #171717;
  --button-color: #faf1d7;
  --text-color: #faf1d7;
  --secondary-color: #923E1A;
  --items-bg-color: #faf1d7;
}
.text-color {
  color: var(--text-color);
}



body {
  background-color: var(--bg-color);
  color: var(--button-color);
  font-family: poppins, sans-serif;
}

html[lang="ar"],
html[lang="ku"] {
  font-family: "Rabar", sans-serif;
}

html[lang="ar"] body,
html[lang="ku"] body {
  font-family: "Rabar", sans-serif;
}