@font-face {
  font-family: "Site Inter";
  src: url("../public/assets/fonts/site-content/Inter-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Site Source Serif";
  src: url("../public/assets/fonts/site-content/SourceHanSerifCN-Regular.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Site Source Serif";
  src: url("../public/assets/fonts/site-content/SourceHanSerifCN-SemiBold.otf") format("opentype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

:root {
  --content-sans: "Site Inter", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  --content-serif: "Site Source Serif", "Songti SC", SimSun, serif;
}

/* The OS stays pixel-based; readable app content shares one family. */
.mailbox__body p,
.my-corner__name,
.work-webpage__head h2,
.work-project-group h3,
.work-project-row__copy strong,
.work-project-row__type,
.work-project-row__copy > span:last-child,
.work-hero h2,
.work-hero__meta,
.work-test__caption p {
  font-family: var(--content-sans);
}

/* Serif is a restrained narrative accent, never part of the OS chrome. */
.work-hero__intro,
.work-tests__heading h3,
.work-test__caption h4 {
  font-family: var(--content-serif);
}

.my-corner__name { font-weight: 400; }
.work-webpage__head h2 { font-weight: 650; }
.work-project-row__copy strong { font-weight: 650; }
.work-project-row__type { font-weight: 450; }
.work-project-row__copy > span:last-child { font-weight: 400; }
.work-hero__intro { font-weight: 400; }
.work-tests__heading h3,
.work-test__caption h4 { font-weight: 600; }