@font-face {
  font-family: "CBETA Supplement";
  src: url("../fonts/cbeta/CBETASupplement.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "CBETA Siddam";
  src: url("../fonts/cbeta/Siddam.otf") format("opentype"),
       url("../fonts/cbeta/Siddam.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "CBETA Ranjana";
  src: url("../fonts/cbeta/Ranjana.otf") format("opentype"),
       url("../fonts/cbeta/Ranjana.ttf") format("truetype");
  font-display: swap;
}

:root {
  --cbeta-main-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC",
    "Microsoft YaHei", "PingFang SC", "CBETA Supplement", sans-serif;
  --cbeta-script-font: "Songti SC", "Noto Serif SC", SimSun, "CBETA Supplement", serif;
}

body,
input,
button,
select,
textarea {
  font-family: var(--cbeta-main-font);
}

.scripture-body,
.reader-frame,
.paper,
article,
[data-pane],
[data-scripture] {
  font-family: var(--cbeta-script-font);
}

.siddham,
.siddam,
.cbeta-siddam,
[data-script="siddham"],
[data-cbeta-font="siddam"] {
  font-family: "CBETA Siddam", "CBETA Supplement", serif;
}

.ranjana,
.cbeta-ranjana,
[data-script="ranjana"],
[data-cbeta-font="ranjana"] {
  font-family: "CBETA Ranjana", "CBETA Supplement", serif;
}

.gaiji,
.cbeta-gaiji,
[data-cbeta-gaiji] {
  font-family: "CBETA Supplement", "Songti SC", "Noto Serif SC", SimSun, serif;
}