/* Declare font base on language.
   Code generated in index.html #css-variables
*/

:root {
  --vds-font-family: 'Noto Sans';
  --vds-headings-font-family: 'Amiri';
}

[lang='en'] {
  --vds-font-family: 'Noto Sans';
  --vds-headings-font-family: 'Amiri';
}

[lang='bg'] {
  --vds-font-family: 'Noto Sans';
  --vds-headings-font-family: 'Noto Sans';
}

[lang='ca'] {
  --vds-font-family: 'Noto Sans';
  --vds-headings-font-family: 'Amiri';
}

[lang='cs'] {
  --vds-font-family: 'Noto Sans';
  --vds-headings-font-family: 'Amiri';
}

[lang='da'] {
  --vds-font-family: 'Noto Sans';
  --vds-headings-font-family: 'Amiri';
}

[lang='de'] {
  --vds-font-family: 'Noto Sans';
  --vds-headings-font-family: 'Amiri';
}

[lang='el'] {
  --vds-font-family: 'Noto Sans';
  --vds-headings-font-family: 'Noto Sans';
}

[lang='es'] {
  --vds-font-family: 'Noto Sans';
  --vds-headings-font-family: 'Amiri';
}

[lang='fa'] {
  --vds-font-family: 'Noto Sans Arabic';
  --vds-headings-font-family: 'Noto Sans Arabic';
}

[lang='fi'] {
  --vds-font-family: 'Noto Sans';
  --vds-headings-font-family: 'Amiri';
}

[lang='fr'] {
  --vds-font-family: 'Noto Sans';
  --vds-headings-font-family: 'Amiri';
}

[lang='gu'] {
  --vds-font-family: 'Noto Sans Gujarati';
  --vds-headings-font-family: 'Noto Sans Gujarati';
}

[lang='he'] {
  --vds-font-family: 'Noto Sans Hebrew';
  --vds-headings-font-family: 'Noto Sans Hebrew';
}

[lang='hi'] {
  --vds-font-family: 'Noto Sans';
  --vds-headings-font-family: 'Amiri';
}

[lang='hu'] {
  --vds-font-family: 'Noto Sans';
  --vds-headings-font-family: 'Amiri';
}

[lang='id'] {
  --vds-font-family: 'Noto Sans';
  --vds-headings-font-family: 'Amiri';
}

[lang='it'] {
  --vds-font-family: 'Noto Sans';
  --vds-headings-font-family: 'Amiri';
}

[lang='ja'] {
  --vds-font-family: 'Noto Sans JP';
  --vds-headings-font-family: 'Noto Sans JP';
}

[lang='km'] {
  --vds-font-family: 'Noto Sans Khmer';
  --vds-headings-font-family: 'Noto Sans Khmer';
}

[lang='ko'] {
  --vds-font-family: 'Noto Sans KR';
  --vds-headings-font-family: 'Noto Sans KR';
}

[lang='lt'] {
  --vds-font-family: 'Noto Sans';
  --vds-headings-font-family: 'Amiri';
}

[lang='lv'] {
  --vds-font-family: 'Noto Sans';
  --vds-headings-font-family: 'Amiri';
}

[lang='mk'] {
  --vds-font-family: 'Noto Sans';
  --vds-headings-font-family: 'Noto Sans';
}

[lang='mr'] {
  --vds-font-family: 'Noto Sans';
  --vds-headings-font-family: 'Amiri';
}

[lang='nl'] {
  --vds-font-family: 'Noto Sans';
  --vds-headings-font-family: 'Amiri';
}

[lang='or'] {
  --vds-font-family: 'Noto Sans Oriya';
  --vds-headings-font-family: 'Noto Sans Oriya';
}

[lang='pl'] {
  --vds-font-family: 'Noto Sans';
  --vds-headings-font-family: 'Amiri';
}

[lang='pt'] {
  --vds-font-family: 'Noto Sans';
  --vds-headings-font-family: 'Amiri';
}

[lang='ro'] {
  --vds-font-family: 'Noto Sans';
  --vds-headings-font-family: 'Amiri';
}

[lang='ru'] {
  --vds-font-family: 'Noto Sans';
  --vds-headings-font-family: 'Noto Sans';
}

[lang='si'] {
  --vds-font-family: 'Noto Sans Sinhala';
  --vds-headings-font-family: 'Noto Sans Sinhala';
}

[lang='sl'] {
  --vds-font-family: 'Noto Sans';
  --vds-headings-font-family: 'Amiri';
}

[lang='sr'] {
  --vds-font-family: 'Noto Sans';
  --vds-headings-font-family: 'Noto Sans';
}

[lang='sv'] {
  --vds-font-family: 'Noto Sans';
  --vds-headings-font-family: 'Amiri';
}

[lang='ta'] {
  --vds-font-family: 'Noto Sans Tamil';
  --vds-headings-font-family: 'Noto Sans Tamil';
}

[lang='te'] {
  --vds-font-family: 'Noto Sans Telugu';
  --vds-headings-font-family: 'Noto Sans Telugu';
}

[lang='th'] {
  --vds-font-family: 'Noto Sans Thai';
  --vds-headings-font-family: 'Noto Sans Thai';
}

[lang='tr'] {
  --vds-font-family: 'Noto Sans';
  --vds-headings-font-family: 'Amiri';
}

[lang='uk'] {
  --vds-font-family: 'Noto Sans';
  --vds-headings-font-family: 'Noto Sans';
}

[lang='vi'] {
  --vds-font-family: 'Noto Sans';
  --vds-headings-font-family: 'Noto Sans';
}

[lang='zh-HANS'] {
  --vds-font-family: 'Noto Sans SC';
  --vds-headings-font-family: 'Noto Sans SC';
}

[lang='zh-Hans'] {
  --vds-font-family: 'Noto Sans SC';
  --vds-headings-font-family: 'Noto Sans SC';
}

[lang='zh-HANT'] {
  --vds-font-family: 'Noto Sans TC';
  --vds-headings-font-family: 'Noto Sans TC';
}

[lang='zh-Hant'] {
  --vds-font-family: 'Noto Sans TC';
  --vds-headings-font-family: 'Noto Sans TC';
}

[lang='zh-HANT-HK'] {
  --vds-font-family: 'Noto Sans HK';
  --vds-headings-font-family: 'Noto Sans HK';
}

@font-face {
  font-family: 'Amiri';
  src: url('https://design-standards.dhamma.org/dist/fonts/amiri/Amiri-Regular-v2.woff2');
  // src: url('http://127.0.0.1:5500/dist/fonts/amiri/Amiri-Regular-v2.woff2');
  font-weight: 400;
  font-style: normal;
}

// Let the browser do the bolding instead of loading Amiri-Bold which si too bold
// @font-face {
//   font-family: 'Amiri';
//   src: url('https://design-standards.dhamma.org/dist/fonts/amiri/Amiri-Bold-v2.woff2');
//   // src: url('http://127.0.0.1:5500/dist/fonts/amiri/Amiri-Bold-v2.woff2');
//   font-weight: 500;
//   font-style: normal;
// }

/*
  https: //fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400&display=swap
*/

/* cyrillic-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0NIpQlx3QUlC5A4PNjThZVadyB1Wk.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0NIpQlx3QUlC5A4PNjThZVYNyB1Wk.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* devanagari */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0NIpQlx3QUlC5A4PNjThZVZdyB1Wk.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839,
    U+A8E0-A8FF;
}

/* greek-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0NIpQlx3QUlC5A4PNjThZVaNyB1Wk.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0NIpQlx3QUlC5A4PNjThZVZ9yB1Wk.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0NIpQlx3QUlC5A4PNjThZVa9yB1Wk.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0,
    U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0NIpQlx3QUlC5A4PNjThZVatyB1Wk.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0NIpQlx3QUlC5A4PNjThZVZNyB.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,
    U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0IIpQlx3QUlC5A4PNr6DRAW_0.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0IIpQlx3QUlC5A4PNr4TRAW_0.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* devanagari */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0IIpQlx3QUlC5A4PNr5DRAW_0.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839,
    U+A8E0-A8FF;
}

/* greek-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0IIpQlx3QUlC5A4PNr6TRAW_0.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0IIpQlx3QUlC5A4PNr5jRAW_0.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0IIpQlx3QUlC5A4PNr6jRAW_0.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0,
    U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0IIpQlx3QUlC5A4PNr6zRAW_0.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://design-standards.dhamma.org/dist/fonts/notosans/v30/o-0IIpQlx3QUlC5A4PNr5TRA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,
    U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}