@font-face {
  font-family: "Yekan";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/divan/assets/fonts/Yekan.woff2") format("woff2");
}
@font-face {
  font-family: "Nazanin";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/divan/assets/fonts/Nazanin.woff2") format("woff2");
}
@font-face {
  font-family: "Nazanin";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/divan/assets/fonts/Nazanin-Bold.woff2") format("woff2");
}
html[data-font="iransans"] { --font: "IRANSans", Tahoma, sans-serif; }
html[data-font="yekan"] { --font: "Yekan", Tahoma, sans-serif; }
html[data-font="nazanin"] { --font: "Nazanin", Tahoma, sans-serif; }

.font-pick {
  display: grid;
  gap: 0.28rem;
  padding: 0.45rem 0.5rem 0.55rem;
  border-top: 1px solid var(--line);
}
.font-pick > span {
  font-size: 0.72rem;
  color: var(--muted);
  padding: 0 0.25rem;
}
.font-pick-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}
.font-pick-row button {
  height: 30px;
  padding: 0 0.65rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  color: inherit;
  font-size: 0.78rem;
}
.font-pick-row button.on {
  border-color: var(--accent);
  color: var(--accent);
  background: var(--accent-soft);
}