@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url('/vendor/fonts/source-sans-3-latin.woff2') format('woff2-variations');
}

@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url('/vendor/fonts/jetbrains-mono-latin.woff2') format('woff2-variations');
}

.mg-mascot {
  display: block;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
}

.mg-mascot-dark {
  display: none;
}

[data-theme="dark"] .mg-mascot-light {
  display: none;
}

[data-theme="dark"] .mg-mascot-dark {
  display: block;
}

body {
  font-family: 'Source Sans 3', system-ui, sans-serif;
  font-size: 17px;
  line-height: 1.45;
  font-feature-settings: 'kern' 1, 'liga' 1;
}

body.mg-editorial h1,
body.mg-editorial h2 {
  font-family: 'Source Sans 3', system-ui, sans-serif;
  font-weight: 600 !important;
  letter-spacing: -0.025em !important;
}

code,
pre {
  font-family: 'JetBrains Mono', 'SFMono-Regular', Consolas, monospace !important;
}