:root {
  --font-size: 10pt;
  --line-height: 12.5pt;
  --letter-spacing: 0.6pt;
  --letter-spacing-italic: 1.2pt;
}

html {
  font-family: "Big Caslon CC", serif;
}

h1,
h2,
h3,
h4,
h5,
h6 span,
p,
a,
ul,
li {
  font-size: var(--font-size);
  line-height: var(--line-height);
  letter-spacing: var(--letter-spacing);

  font-weight: 200;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: "Big Caslon";
  font-weight: normal;
  font-style: normal;
  src:
    url("/assets/fonts/big-caslon/big-caslon-regular.woff2"),
    url("/assets/fonts/big-caslon/big-caslon-regular.woff"),
    url("/assets/fonts/big-caslon/big-caslon-regular.otf");
}

@font-face {
  font-family: "Big Caslon";
  font-weight: normal;
  font-style: italic;
  src:
    url("/assets/fonts/big-caslon/big-caslon-italic.woff2"),
    url("/assets/fonts/big-caslon/big-caslon-italic.woff"),
    url("/assets/fonts/big-caslon/big-caslon-italic.otf");
}

@font-face {
  font-family: "Big Caslon CC";
  font-weight: normal;
  font-style: normal;
  src: url("/assets/fonts/big-caslon-cc/Big-Caslon-CC.otf");
}

@font-face {
  font-family: "Big Caslon CC";
  font-weight: normal;
  font-style: italic;
  src: url("/assets/fonts/big-caslon-cc/Big-Caslon-CC-Italic.otf");
}