@import "../fonts/wipo-ulf-fonts.css";
:root,
::after,
::before {
  /* order of CJK fonts */
  --wipo-font-ja: "Noto Sans Display", "IBM Plex Sans Arabic", "Noto Sans JP", "Noto Sans SC", "Noto Sans KR", sans-serif;
  --wipo-font-zh: "Noto Sans Display", "IBM Plex Sans Arabic", "Noto Sans SC", "Noto Sans JP", "Noto Sans KR", sans-serif;
  --wipo-font-ko: "Noto Sans Display", "IBM Plex Sans Arabic", "Noto Sans KR", "Noto Sans SC", "Noto Sans JP", sans-serif;
  /* default fonts */
  --wipo-icon-font: "Icons ULF", "Material Symbols Outlined";
  --wipo-font: var(--wipo-font-zh);
}
:root,
:root *,
::after,
::after *,
::before,
::before * {
  font-family: var(--wipo-font);
}

/* make sure form elements inherit font */
input, textarea, button {
  font-family: inherit;
}

/* change priority on page (second language tag) */
[lang] [lang=ja],
[lang] [lang=ja] * {
  font-family: var(--wipo-font-ja);
}

[lang] [lang=zh],
[lang] [lang=zh] * {
  font-family: var(--wipo-font-zh);
}

[lang] [lang=ko],
[lang] [lang=ko] * {
  font-family: var(--wipo-font-ko);
}