/* Helvetica Neue */
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/HelveticaNeue_Roman.woff2") format("woff2"),
    url("../fonts/HelveticaNeue_Roman.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/HelveticaNeue_Bold.woff2") format("woff2"),
    url("../fonts/HelveticaNeue_Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* HagerScale — matches Figma Tiny World (Light / Regular / Medium / Bold) */
@font-face {
  font-family: "HagerScale";
  src: url("../fonts/HagerScale-Light.woff2") format("woff2"),
    url("../fonts/HagerScale-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HagerScale";
  src: url("../fonts/HagerScale-Regular.woff2") format("woff2"),
    url("../fonts/HagerScale-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HagerScale";
  src: url("../fonts/HagerScale-Medium.woff2") format("woff2"),
    url("../fonts/HagerScale-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HagerScale";
  src: url("../fonts/HagerScale-Bold.woff2") format("woff2"),
    url("../fonts/HagerScale-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Primary UI font per Figma Tiny World */
  --f-primary: "HagerScale", Arial, sans-serif;
  --f-helvetica: "Helvetica Neue", Helvetica, Arial, sans-serif;
}