/*
 * Sinhala and Tamil. Fluent's font stack (Segoe UI, San Francisco, Roboto) has no glyphs for either
 * script, so each device would fall back to a different system font. Noto Sans Sinhala and Noto Sans
 * Tamil go after the Latin fonts: English keeps the Fluent stack, and the browser takes each Sinhala
 * or Tamil character from Noto. Fluent writes its tokens on <html>; declaring them on <body> wins.
 */
body {
    --fontFamilyBase: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', 'Noto Sans Sinhala', 'Noto Sans Tamil', sans-serif;
    font-family: var(--fontFamilyBase);
}

/* Both scripts stack vowel signs above and below the letters, so they need more line height than Latin text. */
:lang(si) body,
:lang(ta) body {
    line-height: 1.6;
}

:lang(si) :is(h1, h2, h3),
:lang(ta) :is(h1, h2, h3) {
    line-height: 1.35;
}