/* ===== YOUR EXISTING CSS ===== */
body {
  background-color: thistle;
  color: black;
  font-family: "Times New Roman";
}

p {
  margin-right: 20px;
  margin-left: 20px;
}

/* ===== NEW: Custom font definitions ===== */
@font-face {
  font-family: 'MyJapanese';
  src: url('/fonts/japanese.woff2') format('woff2');
  unicode-range: U+3053, U+3068;          /* こ と */
  font-display: swap;
}

@font-face {
  font-family: 'MyBaybayin';
  src: url('/fonts/baybayin.woff2') format('woff2');
  unicode-range: U+1703, U+1704, U+170E, U+1714;   /* ᜃ ᜄ ᜎ ᜔ */
  font-display: swap;
}

/* ===== NEW: Classes to apply the fonts ===== */
.jp {
  font-family: 'MyJapanese', serif;   /* fallback to serif matches Times New Roman nicely */
}

.baybayin {
  font-family: 'MyBaybayin', serif;
}