/*
 * LocketGold Next typography
 * Newsreader Display (500–700) + Manrope Variable (400–800)
 * Both families include the official Google Fonts Vietnamese subset.
 */

/* Bricolage Grotesque — Vietnamese */
@font-face {
  font-family: "LG Bricolage";
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("./fonts/bricolage-grotesque-vietnamese-v9.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;
}

/* Bricolage Grotesque — Latin and punctuation */
@font-face {
  font-family: "LG Bricolage";
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("./fonts/bricolage-grotesque-latin-v9.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Newsreader Display — Vietnamese */
@font-face {
  font-family: "LG Newsreader";
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url("./fonts/newsreader-display-vietnamese-v26.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;
}

/* Newsreader Display — Latin and punctuation */
@font-face {
  font-family: "LG Newsreader";
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url("./fonts/newsreader-display-latin-v26.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Manrope Variable — Vietnamese */
@font-face {
  font-family: "LG Manrope";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("./fonts/manrope-variable-vietnamese-v20.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;
}

/* Manrope Variable — Latin and punctuation */
@font-face {
  font-family: "LG Manrope";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("./fonts/manrope-variable-latin-v20.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --lg-font-display: "LG Bricolage", "LG Manrope", Arial, "Segoe UI", sans-serif;
  --lg-font-ui: "LG Manrope", Arial, "Segoe UI", sans-serif;
}

html {
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

button,
input,
select,
textarea {
  font: inherit;
}