/* Editor previews use the same self-hosted faces as the front end; keep paths stylesheet-relative. */
@font-face {
  font-family: 'Alpha Lyrae';
  src: url('fonts/AlphaLyrae-Medium.woff2') format('woff2');
}

@font-face {
  font-family: 'Crimson Pro';
  src: url('fonts/crimson-pro-latin-ext-wght-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Berkeley Mono';
  src: url('fonts/BerkeleyMono-Regular.woff2') format('woff2');
}

/* Static editor equivalents of the front-end light-mode typography and accent tokens. */
body {
  font-family: 'Crimson Pro', Georgia, serif;
  font-size: 22px;
  line-height: 1.55;
  color: #1d1b19;
}

h1,
h2,
h3,
h4 {
  font-family: 'Alpha Lyrae', sans-serif;
  font-weight: 500;
  letter-spacing: .025em;
}

code,
pre {
  font-family: 'Berkeley Mono', monospace;
}

a {
  color: #c3480b;
}