/*
 * VI-13. Open Sans, self-hosted: the variable release (weights 300-800 in one file; OFL 1.1,
 * /fonts/open-sans-ofl.txt), subset to Basic Latin, Latin-1, Latin Extended-A/B, the combining
 * diacritics, Latin Extended Additional (all of U+1EA0-1EF9) and ₫, with the OpenType mark
 * positioning kept.
 *
 * It replaces the Google Fonts v1 import main-style.css carried
 * (fonts.googleapis.com/css?family=Open+Sans), which serves only the latin subsets unless
 * &subset=vietnamese is asked for: every Vietnamese letter on the site fell back to a system font.
 * Self-hosted rather than a corrected link: no third-party request, and the storefront renders the
 * same whether or not the deployment has egress. No unicode-range, so no character of a Vietnamese
 * word is ever sent to a second face.
 */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/open-sans-vf.woff2') format('woff2');
}

/*
 * The site's one font stack, spelled once (it was repeated in main-style.css, button.css and
 * tab.css): Open Sans first, so every platform renders Vietnamese in the face above, then the
 * stack the site always had.
 *
 * JP-06 (ADR-012): the Japanese faces sit after the Latin ones and before the generic Sans-Serif.
 * Open Sans and Segoe UI carry no kana or kanji, so per-glyph fallback reaches them for Japanese
 * text only; Latin and Vietnamese still render in Open Sans. They must come before the generic
 * family, which the browser always resolves and so never falls through.
 */
:root {
    --nt-font-sans: 'Open Sans', "Segoe UI", Segoe, Calibri, Arial, "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, Meiryo, "Noto Sans JP", Sans-Serif, Verdana, Tahoma;
}

/* Form controls do not inherit the page's font by default: the contact form's Vietnamese
   placeholders and the search box rendered in the platform's control font. */
button, input, select, textarea {
    font-family: inherit;
}