@font-face {
  font-family: 'CircularXX-Web';
  src: url('./fonts/CircularXXWeb-Light.woff2') format('woff2');
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
}
@font-face {
  font-family: 'CircularXX-Web';
  src: url('./fonts/CircularXXWeb-Regular.woff2') format('woff2');
  font-style: normal;
  font-stretch: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'CircularXX-Web';
  src: url('./fonts/CircularXXWeb-Bold.woff2') format('woff2');
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
}
@font-face {
  font-family: 'CircularXX-Web';
  src: url('./fonts/CircularXXWeb-Bold.woff2') format('woff2');
  font-style: normal;
  font-stretch: normal;
  font-weight: bold;
}

:root {
  --wp--preset--font-family--circular-xx-web: 'CircularXX-Web', Arial, helvetica, sans-serif;
}