@font-face {
  font-family: "Editorial New";
  src: url("./fonts/editorial/PPEditorialNew-Heavy.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: "Editorial New";
  src: url("./fonts/editorial/PPEditorialNew-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Editorial New";
  src: url("./fonts/editorial/PPEditorialNew-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Editorial New";
  src: url("./fonts/editorial/PPEditorialNew-Italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

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

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

:root {
  --hoji-paper: #F4EBDE;
  --hoji-light-paper: #FAF9F6;
  --hoji-ink: #161718;
  --hoji-cobalt: #134CBB;
  --hoji-vermilion: #D82A21;
  --hoji-font-editorial: "Editorial New", Georgia, serif;
  --hoji-font-reading: Inter, Arial, sans-serif;
  --hoji-size-hero: clamp(3rem, 8vw, 7rem);
  --hoji-size-section: clamp(2.25rem, 5vw, 5rem);
  --hoji-size-body: 1.125rem;
  --hoji-leading-display: 0.95;
  --hoji-leading-reading: 1.55;
  font-synthesis: none;
}