/*
 * Pinned local font faces for deterministic parity captures. The asset hashes
 * are recorded in docs/design/new-ui/tools/parity/font-manifest.json.
 */
@font-face {
  font-family: "Crimson Pro";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("./crimson-pro-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Crimson Pro";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("./crimson-pro-latin-italic.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("./inter-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
  src: url("./playfair-display-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src: url("./material-symbols-outlined.woff2") format("woff2");
}

/*
 * Google's Material Symbols stylesheet ships this class rule alongside the
 * @font-face. Without it the font is never applied and every icon renders as
 * its raw ligature text ("library_books", "expand_more"). src/index.css:30
 * only adds font-variation-settings and assumes this rule exists.
 */
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}