/**
 * moraq.io font stack: Bricolage Grotesque (display), BeoLogue (Latin accent), DM Sans (UI).
 */

@font-face {
  font-family: "Bricolage Grotesque";
  src: url("../fonts/bricolage/BricolageGrotesque-Variable.ttf") format("truetype");
  font-weight: 200 800;
  font-stretch: 75% 100%;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "BeoLogue";
  src: url("../fonts/beo-logue/BeoLogueTT-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0020-007E, U+00A0-00FF;
}

@font-face {
  font-family: "BeoLogue";
  src: url("../fonts/beo-logue/BeoLogueTT-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0020-007E, U+00A0-00FF;
}

@font-face {
  font-family: "BeoLogue";
  src: url("../fonts/beo-logue/BeoLogueTT-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0020-007E, U+00A0-00FF;
}

@font-face {
  font-family: "BeoLogue";
  src: url("../fonts/beo-logue/BeoLogueTT-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0020-007E, U+00A0-00FF;
}

:lang(vi) {
  font-family: var(--font-body);
}

.font-display-vi,
.beo-brand-type {
  font-family: var(--font-display-vi);
  letter-spacing: var(--beo-tracking, -0.02em);
  font-variant-ligatures: normal;
  font-feature-settings: normal;
  font-synthesis: weight style;
}

.font-display-vi {
  font-family: var(--font-display-vi);
  letter-spacing: -0.02em;
  font-weight: 500;
  font-variant-ligatures: normal;
  font-feature-settings: normal;
  font-synthesis: weight style;
}

.font-beologue,
.beo-accent {
  font-family: "BeoLogue", var(--font-accent), var(--font-body);
  font-style: italic;
  font-weight: inherit;
}

code,
.mc-logo-spec__mono {
  font-family: var(--font-body);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
}