*, html, body {
    font-family: 'Xyngia', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
        'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "kern" 1;
    font-feature-settings: "kern" 1;
    -webkit-font-variant-ligatures: common-ligatures;
    font-variant-ligatures: common-ligatures;
}

/* Improve font rendering on high DPI displays */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    body {
        -webkit-font-smoothing: subpixel-antialiased;
    }
}

/* Ensure consistent font rendering across different elements */
h1, h2, h3, h4, h5, h6, p, span, div, a, button {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: 'Xyngia';
    src: url('fonts/Xyngia-BlackItalic.woff2') format('woff2'),
        url('fonts/Xyngia-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

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

@font-face {
    font-family: 'Xyngia';
    src: url('fonts/Xyngia-BoldItalic.woff2') format('woff2'),
        url('fonts/Xyngia-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Xyngia';
    src: url('fonts/Xyngia-ExtraLight.woff2') format('woff2'),
        url('fonts/Xyngia-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Xyngia UltraThin';
    src: url('fonts/Xyngia-UltraThinItalic.woff2') format('woff2'),
        url('fonts/Xyngia-UltraThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Xyngia';
    src: url('fonts/Xyngia-RegularItalic.woff2') format('woff2'),
        url('fonts/Xyngia-RegularItalic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Xyngia';
    src: url('fonts/Xyngia-ExtraLightItalic.woff2') format('woff2'),
        url('fonts/Xyngia-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Xyngia';
    src: url('fonts/Xyngia-ExtraBoldItalic.woff2') format('woff2'),
        url('fonts/Xyngia-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Xyngia';
    src: url('fonts/Xyngia-ThinItalic.woff2') format('woff2'),
        url('fonts/Xyngia-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Xyngia';
    src: url('fonts/Xyngia-Black.woff2') format('woff2'),
        url('fonts/Xyngia-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Xyngia Hairline';
    src: url('fonts/Xyngia-HairlineItalic.woff2') format('woff2'),
        url('fonts/Xyngia-HairlineItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Xyngia';
    src: url('fonts/Xyngia-MediumItalic.woff2') format('woff2'),
        url('fonts/Xyngia-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Xyngia';
    src: url('fonts/Xyngia-LightItalic.woff2') format('woff2'),
        url('fonts/Xyngia-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Xyngia';
    src: url('fonts/Xyngia-DemiBold.woff2') format('woff2'),
        url('fonts/Xyngia-DemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Xyngia';
    src: url('fonts/Xyngia-ExtraBold.woff2') format('woff2'),
        url('fonts/Xyngia-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Xyngia';
    src: url('fonts/Xyngia-DemiBoldItalic.woff2') format('woff2'),
        url('fonts/Xyngia-DemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Xyngia Hairline';
    src: url('fonts/Xyngia-Hairline.woff2') format('woff2'),
        url('fonts/Xyngia-Hairline.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Xyngia';
    src: url('fonts/Xyngia-Light.woff2') format('woff2'),
        url('fonts/Xyngia-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Xyngia';
    src: url('fonts/Xyngia-Thin.woff2') format('woff2'),
        url('fonts/Xyngia-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Xyngia UltraThin';
    src: url('fonts/Xyngia-UltraThin.woff2') format('woff2'),
        url('fonts/Xyngia-UltraThin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

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