/**
 * @file
 * Gramatika @font-face declarations (self-hosted).
 *
 * tokens.css sets --font-sans: "Gramatika", sans-serif; these rules make
 * the family real. Only the weights the Figma text styles use are shipped
 * (400, 500, 700) plus their italics — browsers download a face only when
 * text actually uses it, so the italics cost nothing until an editor
 * italicizes something. woff2 only: every browser Drupal 11 supports
 * reads it.
 */

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

@font-face {
  font-family: Gramatika;
  src: url("../../fonts/gramatika-400-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gramatika;
  src: url("../../fonts/gramatika-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gramatika;
  src: url("../../fonts/gramatika-500-italic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: Gramatika;
  src: url("../../fonts/gramatika-700-italic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}