/* Yellix Font Definitions */
@font-face {
    font-family: 'Yellix';
    src: url('/fonts/WEB/Yellix-Light.woff2') format('woff2'),
         url('/fonts/WEB/Yellix-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Yellix';
    src: url('/fonts/WEB/Yellix-LightItalic.woff2') format('woff2'),
         url('/fonts/WEB/Yellix-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Yellix';
    src: url('/fonts/WEB/Yellix-Regular.woff2') format('woff2'),
         url('/fonts/WEB/Yellix-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Yellix';
    src: url('/fonts/WEB/Yellix-RegularItalic.woff2') format('woff2'),
         url('/fonts/WEB/Yellix-RegularItalic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Yellix';
    src: url('/fonts/WEB/Yellix-Bold.woff2') format('woff2'),
         url('/fonts/WEB/Yellix-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Yellix';
    src: url('/fonts/WEB/Yellix-BoldItalic.woff2') format('woff2'),
         url('/fonts/WEB/Yellix-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Apply Yellix globally - excluding Font Awesome icons */
*:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fad):not([class^="fa-"]):not([class*=" fa-"]),
*:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fad):not([class^="fa-"]):not([class*=" fa-"])::before,
*:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fad):not([class^="fa-"]):not([class*=" fa-"])::after {
    font-family: 'Yellix', -apple-system, BlinkMacSystemFont, sans-serif;
}

html, body {
    font-family: 'Yellix', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Ensure Font Awesome icons keep their font */
.fa, .fas, .far, .fal, .fab, .fad,
[class^="fa-"], [class*=" fa-"],
.fa::before, .fas::before, .far::before, .fal::before, .fab::before, .fad::before {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
}