:root {
     
    --font-scripture:
        "Gentium Book Plus", "Gentium Plus", Gentium,
        "Charis SIL", "Doulos SIL",
        "Noto Serif", "Liberation Serif", Cambria, Georgia,
        "Times New Roman", serif;

--font-ui:
        system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans",
        "Helvetica Neue", Arial, sans-serif;

--font-numeric: var(--font-ui);
}

[data-script="Arab"] {
    --font-scripture: "Amiri", "Noto Naskh Arabic", "Scheherazade New",
        "Geeza Pro", "Traditional Arabic", "Times New Roman", serif;
}
[data-script="Hebr"] {
    --font-scripture: "Ezra SIL", "Noto Serif Hebrew", "Noto Sans Hebrew",
        "Times New Roman", "David", serif;
}
[data-script="Ethi"] {
    --font-scripture: "Abyssinica SIL", "Noto Serif Ethiopic",
        "Noto Sans Ethiopic", "Nyala", serif;
}
[data-script="Deva"] {
    --font-scripture: "Annapurna SIL", "Noto Serif Devanagari",
        "Noto Sans Devanagari", "Nirmala UI", "Mangal", serif;
}
[data-script="Beng"] {
    --font-scripture: "Noto Serif Bengali", "Noto Sans Bengali",
        "Nirmala UI", "Vrinda", serif;
}
[data-script="Guru"] { --font-scripture: "Noto Serif Gurmukhi", "Noto Sans Gurmukhi", "Nirmala UI", serif; }
[data-script="Gujr"] { --font-scripture: "Noto Serif Gujarati", "Noto Sans Gujarati", "Nirmala UI", serif; }
[data-script="Orya"] { --font-scripture: "Noto Serif Oriya", "Noto Sans Oriya", "Nirmala UI", serif; }
[data-script="Taml"] { --font-scripture: "Noto Serif Tamil", "Noto Sans Tamil", "Nirmala UI", "Latha", serif; }
[data-script="Telu"] { --font-scripture: "Noto Serif Telugu", "Noto Sans Telugu", "Nirmala UI", "Gautami", serif; }
[data-script="Knda"] { --font-scripture: "Noto Serif Kannada", "Noto Sans Kannada", "Nirmala UI", serif; }
[data-script="Mlym"] { --font-scripture: "Manjari", "Noto Serif Malayalam", "Noto Sans Malayalam", "Nirmala UI", serif; }
[data-script="Sinh"] { --font-scripture: "Noto Serif Sinhala", "Noto Sans Sinhala", "Nirmala UI", "Iskoola Pota", serif; }

[data-script="Thai"] {
    --font-scripture: "Noto Serif Thai", "Noto Sans Thai", "Leelawadee UI",
        "Thonburi", "Tahoma", sans-serif;
}
[data-script="Laoo"] { --font-scripture: "Noto Serif Lao", "Noto Sans Lao", "Leelawadee UI", sans-serif; }
[data-script="Khmr"] { --font-scripture: "Hanuman", "Noto Serif Khmer", "Noto Sans Khmer", "Leelawadee UI", "Khmer OS", sans-serif; }
[data-script="Mymr"] { --font-scripture: "Padauk", "Noto Serif Myanmar", "Noto Sans Myanmar", "Myanmar Text", sans-serif; }

[data-script="Hani"] {
     
    --font-scripture: "Noto Serif CJK SC", "Source Han Serif SC", "Songti SC",
        "SimSun", "PMingLiU", "Microsoft YaHei", serif;
}
[data-script="Kana"] {
    --font-scripture: "Noto Serif CJK JP", "Source Han Serif JP",
        "Hiragino Mincho ProN", "Yu Mincho", "MS Mincho", serif;
}
[data-script="Hang"] {
    --font-scripture: "Noto Serif CJK KR", "Source Han Serif KR",
        "Apple SD Gothic Neo", "Malgun Gothic", "Batang", serif;
}

[data-script="Grek"] {
    --font-scripture: "New Athena Unicode", "Gentium Book Plus", "Gentium Plus",
        "Noto Serif", "Palatino Linotype", serif;
}
[data-script="Cyrl"] {
    --font-scripture: "Gentium Book Plus", "Gentium Plus", "Noto Serif",
        "PT Serif", "Liberation Serif", Georgia, serif;
}
[data-script="Armn"] { --font-scripture: "Noto Serif Armenian", "Noto Sans Armenian", "Sylfaen", serif; }
[data-script="Geor"] { --font-scripture: "Noto Serif Georgian", "Noto Sans Georgian", "Sylfaen", serif; }

@font-face {
    font-family: "DR Latin Ext";
    src: url("fonts/gentium-latin-ext.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range:
        U+0100-024F,    
        U+0259, U+025B, U+0254, U+0263, U+0272, U+014B,   
        U+0250-02AF,    
        U+02B0-02FF,    
        U+0300-036F,    
        U+1D00-1D7F,    
        U+1E00-1EFF,    
        U+2C60-2C7F,    
        U+A720-A7FF;    
}

@font-face {
    font-family: "DR Latin Ext";
    src: url("fonts/gentium-latin-ext-italic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    unicode-range:
        U+0100-024F, U+0250-02AF, U+02B0-02FF, U+0300-036F,
        U+1D00-1D7F, U+1E00-1EFF, U+2C60-2C7F, U+A720-A7FF;
}

[data-script="Latn"] {
    --font-scripture:
        "DR Latin Ext",
        "Gentium Book Plus", "Gentium Plus", Gentium, "Charis SIL", "Andika",
        "Noto Serif", "Liberation Serif", Cambria, Georgia, serif;
}

@font-face {
    font-family: "DR Tibetan";
    src: url("fonts/noto-serif-tibetan.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0F00-0FFF;
}
[data-script="Tibt"] {
    --font-scripture: "DR Tibetan", "Jomolhari", "Noto Serif Tibetan",
        "Microsoft Himalaya", serif;
}

@font-face {
    font-family: "DR Thaana";
    src: url("fonts/noto-sans-thaana.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0780-07BF;
}
[data-script="Thaa"] {
    --font-scripture: "DR Thaana", "Noto Sans Thaana", "MV Boli", sans-serif;
}

@font-face {
    font-family: "DR Syriac";
    src: url("fonts/noto-sans-syriac.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0700-074F;
}
[data-script="Syrc"] {
    --font-scripture: "DR Syriac", "Estrangelo Edessa", "Noto Sans Syriac", serif;
}

@font-face {
    font-family: "DR Tifinagh";
    src: url("fonts/noto-sans-tifinagh.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+2D30-2D7F;
}
[data-script="Tfng"] {
    --font-scripture: "DR Tifinagh", "Noto Sans Tifinagh", sans-serif;
}

@font-face {
    font-family: "DR NKo";
    src: url("fonts/noto-sans-nko.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+07C0-07FF;
}
[data-script="Nkoo"] {
    --font-scripture: "DR NKo", "Noto Sans NKo", sans-serif;
}

@font-face {
    font-family: "DR Cherokee";
    src: url("fonts/noto-sans-cherokee.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+13A0-13FF, U+AB70-ABBF;
}
[data-script="Cher"] {
    --font-scripture: "DR Cherokee", "Noto Sans Cherokee", sans-serif;
}

@font-face {
    font-family: "DR Canadian";
    src: url("fonts/noto-sans-canadian-aboriginal.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+1400-167F, U+18B0-18FF;
}
[data-script="Cans"] {
    --font-scripture: "DR Canadian", "Noto Sans Canadian Aboriginal",
        "Euphemia", sans-serif;
}

.nav, .toolbar, .btn, .site-header, .site-footer, button, select, input {
    font-family: var(--font-ui);
}

body.font-system-only {
    --font-scripture: Georgia, "Times New Roman", serif;
    --font-ui: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}