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

.editor-styles-wrapper {
  color: #d4dde3;
  background: #071624;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 17px;
  line-height: 1.75;
}

.editor-styles-wrapper .wp-block {
  max-width: 760px;
}

.editor-styles-wrapper .wp-block[data-align="wide"] {
  max-width: 1160px;
}

.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6 {
  color: #f5f8fa;
  font-weight: 750;
  line-height: 1.1;
  letter-spacing: -0.035em;
}

.editor-styles-wrapper a {
  color: #74d5c7;
}

.editor-styles-wrapper blockquote {
  padding-left: 1.5rem;
  color: #b8c5ce;
  border-left: 3px solid #74d5c7;
}

.editor-styles-wrapper code,
.editor-styles-wrapper pre {
  color: #d9fdf7;
  background: #040d16;
  border-radius: 8px;
  font-family: "SFMono-Regular", Consolas, monospace;
}

.editor-styles-wrapper img {
  border-radius: 10px;
}