/* Google Sans Flex — DOL YLE brand font (DT-26087)
 *
 * Replaces Quicksand across the YLE / lms-v2 app. Served under the family
 * name 'Google Sans Flex' so component code names the real font.
 *
 * This is the VARIABLE font — a single .ttf carrying all six axes
 * (wght, wdth, opsz, slnt, GRAD, ROND). We pin ROND (roundness) to 100 — the
 * fully-rounded terminal style — to match the playful YLE look that Quicksand
 * gave us. Weight stays dynamic via `font-weight` (range 1–1000); optical size
 * (opsz) is left to auto-adjust by font-size (the font's natural behavior).
 *
 * ⚠ Why the VARIABLE file, not the /static instances: Google's static cuts of
 * Google Sans Flex are exported at the default ROND=0 (crisp). Only the
 * variable font exposes a live ROND axis, so ROND:100 is ONLY achievable here.
 *
 * ⚠ font-variation-settings is all-or-nothing per element: if a consumer sets
 * its own font-variation-settings, it RESETS ROND to 0 (crisp). YLE components
 * use `font-weight` (not font-variation-settings), so ROND:100 holds today.
 * Keep it that way — set weight via `font-weight`, never font-variation-settings.
 *
 * Source: Google Fonts → Google Sans Flex → variable font
 *   GoogleSansFlex-VariableFont_GRAD,ROND,opsz,slnt,wdth,wght.ttf
 *   (uploaded to the CDN under its original filename — commas are valid in URLs)
 *
 * Hosted at: https://media.dolenglish.vn/PUBLIC/ASSETS/fonts/google-san-flex/
 * (S3: s3://dol-english-resource/PUBLIC/ASSETS/fonts/google-san-flex/)
 */

@font-face {
  font-family: 'Google Sans Flex';
  font-style: normal;
  font-weight: 1 1000;
  font-display: swap;
  font-variation-settings: 'ROND' 100;
  src: url("https://media.dolenglish.vn/PUBLIC/ASSETS/fonts/google-san-flex/GoogleSansFlex-VariableFont_GRAD,ROND,opsz,slnt,wdth,wght.ttf") format('truetype-variations');
}