/* Global font-face declarations served from public to avoid css-loader URL resolution issues */
/* Note: %PUBLIC_URL% is not expanded inside CSS. Use absolute paths from public root. */
@font-face {
    font-family: Gilroy-Bold;
    src: url(/fonts/Gilroy-Bold.woff) format('woff'), url(/fonts/Gilroy-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

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

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

@font-face {
    font-family: Muli-Regular;
    src: url(/fonts/Muli-Regular.woff) format('woff'), url(/fonts/Muli-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    letter-spacing: 0.28px;
}

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

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

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

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

@font-face {
    font-family: Arial-regular;
    src: url(/fonts/Arial-regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Helvetica;
    src: url(/fonts/Helvetica.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

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

/* Optional families referenced in styles */
@font-face {
    font-family: OpenSans-Regular;
    src: url(/fonts/OpenSans-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Product-Sans;
    src: url(/fonts/Product-Sans.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Noteworthy-Lt;
    src: url(/fonts/Noteworthy-Lt.woff) format('woff'), url(/fonts/Noteworthy-Lt.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: BreeSerif;
    src: url(/fonts/BreeSerif-Regular.ttf)
}

@font-face {
    font-family: BreeSerif-Light;
    src: url(/fonts/BreeSerif-Light.ttf)
}

@font-face {
    font-family: Arial-Bold;
    src: url(/fonts/Arial-Bold.ttf);
    font-display: block;
}

@font-face {
    font-family: SF-Pro-Medium;
    src: url(/fonts/SF-Pro-Display-Medium.otf);
    font-display: block
}

@font-face {
    font-family: SF-Pro-Regular;
    src: url(/fonts/SF-Pro-Display-Regular.otf);
    font-display: block
}

@font-face {
    font-family: SF-Pro-SemiBold;
    src: url(/fonts/SF-Pro-Display-Semibold.otf);
    font-display: block
}