/* Optimized Font Loading System */

/* Preload critical fonts */
@font-face {
    font-family: 'Aloevera';
    src: url('../font/Aloevera/AloeveraDisplay-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap; /* Critical for performance */
}

@font-face {
    font-family: 'Aloevera';
    src: url('../font/Aloevera/AloeveraDisplay-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Load non-critical fonts with fallback */
@font-face {
    font-family: 'Aloevera';
    src: url('../font/Aloevera/AloeveraDisplay-SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: optional; /* Load in background */
}

@font-face {
    font-family: 'Aloevera';
    src: url('../font/Aloevera/AloeveraDisplay-ExtraBold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: 'Aloevera';
    src: url('../font/Aloevera/AloeveraDisplay-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: 'Aloevera';
    src: url('../font/Aloevera/AloeveraDisplay-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: 'Aloevera';
    src: url('../font/Aloevera/AloeveraDisplay-ExtraLight.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: 'Aloevera';
    src: url('../font/Aloevera/AloeveraDisplay-Thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: 'Aloevera';
    src: url('../font/Aloevera/AloeveraDisplay-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: optional;
}

/* Font loading optimization */
.font-loading {
    font-family: 'Aloevera', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-display: swap;
}

/* Critical font classes */
.font-critical {
    font-family: 'Aloevera', 'Montserrat', sans-serif;
    font-display: swap;
}

/* Font loading fallback */
.font-fallback {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Optimize font rendering */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Font loading performance */
.font-loading-optimized {
    font-display: swap;
    font-feature-settings: 'liga' 1, 'kern' 1;
}