/* SINH TỰ ĐỘNG bởi lanora/scope-css.py từ "giao_dien_hoan_chinh/css/fonts.css" — đừng sửa tay, sửa file gốc rồi chạy lại. */
/* Google Sans Flex – variable font (wght, wdth, slnt, opsz, GRAD, ROND) */
@font-face {
  font-family: "Google Sans Flex";
  src: url("../fonts/Google_Sans_Flex/GoogleSansFlex-VariableFont_GRAD,ROND,opsz,slnt,wdth,wght.ttf") format("truetype");
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Google Sans Flex";
  src: url("../fonts/Google_Sans_Flex/GoogleSansFlex-VariableFont_GRAD,ROND,opsz,slnt,wdth,wght.ttf") format("truetype");
  font-weight: 100 1000;
  font-style: oblique 0deg 10deg;
  font-display: swap;
}

/* Beautique Display
   Font có USE_TYPO_METRICS (typo ascent 800) nhưng Figma dựng chữ theo hhea (ascent 1000, descent 200).
   Ép trình duyệt dùng cùng thông số để chữ nằm đúng vị trí như thiết kế. */
@font-face {
  font-family: "Beautique Display";
  src: url("../fonts/Beautique Display v2.1/Beautique Display/BeautiqueDisplay-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  ascent-override: 100%;
  descent-override: 20%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Beautique Display";
  src: url("../fonts/Beautique Display v2.1/Beautique Display/BeautiqueDisplay-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  ascent-override: 100%;
  descent-override: 20%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Beautique Display";
  src: url("../fonts/Beautique Display v2.1/Beautique Display/BeautiqueDisplay-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  ascent-override: 100%;
  descent-override: 20%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Beautique Display";
  src: url("../fonts/Beautique Display v2.1/Beautique Display/BeautiqueDisplay-Italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  ascent-override: 100%;
  descent-override: 20%;
  line-gap-override: 0%;
}
