/* Self-hosted Vazirmatn Variable (SIL OFL 1.1); optimized for Persian UI. */
@font-face {
  font-family: "Vazirmatn";
  src: url("/assets/fonts/Vazirmatn-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --mini-font-body: "Vazirmatn", Tahoma, sans-serif;
  --mini-font-display: "Vazirmatn", Tahoma, sans-serif;
  --u-font: "Vazirmatn", Tahoma, sans-serif;
  --v20-font: "Vazirmatn", Tahoma, sans-serif;
}

html,
body,
body *,
#miniapp-disabled-overlay,
#miniapp-disabled-overlay * {
  font-family: "Vazirmatn", Tahoma, sans-serif !important;
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
  font-optical-sizing: auto;
}

body {
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

button,
input,
select,
textarea {
  font-weight: 500;
}

button,
[role="button"] {
  font-weight: 600;
}

b,
strong,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

/* Persian headings need clear letterforms, not the tight tracking used for Latin. */
#root h1,
#root h2,
#root h3,
#root h4,
#root [class*="title"],
#root [class*="heading"],
#root [class*="headline"],
#command-center-overlay h1,
#command-center-overlay h2,
#command-center-overlay h3,
#special-ops-overlay h1,
#special-ops-overlay h2,
#alliance-overlay h1,
#alliance-overlay h2 {
  letter-spacing: normal !important;
}

#root p,
#command-center-overlay p,
#special-ops-overlay p,
#alliance-overlay p,
#eco-overlay p,
.v20-muted {
  line-height: 1.8;
}