/*
 * Vazirmatn, self-hosted (spec section 15).
 *
 * The static pages load this font from fonts.googleapis.com, which in Iran is
 * slow or blocked outright — the practical result is a visible flash of fallback
 * text, or no Persian webfont at all. Serving it from the same origin removes
 * that dependency, and also removes a third-party request from every page load,
 * which is what lets the Content-Security-Policy keep font-src at 'self'.
 *
 * The variable font is one 109 KB file covering weights 100-900, which is
 * smaller than the four static weights the pages currently request. Static
 * Regular/SemiBold/Bold files follow as a fallback for browsers without
 * variable font support.
 *
 * font-display: swap means text is painted immediately in the fallback face and
 * swapped when the webfont arrives, so content is never invisible while waiting.
 */

@font-face {
  font-family: "Vazirmatn";
  src: url("../fonts/Vazirmatn-Variable.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Fallbacks for browsers that do not support woff2-variations. */

@font-face {
  font-family: "Vazirmatn Static";
  src: url("../fonts/Vazirmatn-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Vazirmatn Static";
  src: url("../fonts/Vazirmatn-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Vazirmatn Static";
  src: url("../fonts/Vazirmatn-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.preview-banner {
  background: #c4a35a;
  color: #1a2d4a;
  text-align: center;
  padding: 0.7rem 1rem;
  font-size: 0.9rem;
  font-weight: 600;
}

.preview-banner a {
  color: inherit;
  margin-inline-start: 0.75rem;
}