/* Nunito font faces */
@font-face {
  font-family: "Nunito";
  src: local("Nunito ExtraLight"), url("/fonts/Nunito-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Nunito";
  src: local("Nunito Light"), url("/fonts/Nunito-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Nunito";
  src: local("Nunito Regular"), url("/fonts/Nunito-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Nunito";
  src: local("Nunito Medium"), url("/fonts/Nunito-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Nunito";
  src: local("Nunito SemiBold"), url("/fonts/Nunito-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Nunito";
  src: local("Nunito Bold"), url("/fonts/Nunito-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Nunito";
  src: local("Nunito ExtraBold"), url("/fonts/Nunito-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Nunito";
  src: local("Nunito Black"), url("/fonts/Nunito-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "iciel-Pony";
  src: local("iciel-Pony"), url("/fonts/iciel-Pony-oxj8jv.ttf") format("truetype");
  
  font-style: normal;
  font-display: swap;
}
:root {
  --font-family-base: "Nunito", sans-serif;
  --font-family-pony: "iciel-Pony", cursive; /* thêm fallback cursive */
}


html,
body,
#root {
  font-family: var(--font-family-base);
  font-weight: 400;
}

.pony-text {
  font-family: var(--font-family-pony);
}

/* Ensure form controls inherit the font */
button,
input,
select,
textarea {
  font-family: "Nunito";
}