/* Fonts Configuration for Jiilna Website */

/* Nunito Font - Enhanced @font-face definitions for better browser compatibility */

/* Nunito Regular */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Nunito-Regular.woff2') format('woff2'),
         url('../fonts/Nunito-VariableFont_wght.ttf') format('truetype');
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Nunito Italic */
@font-face {
    font-family: 'Nunito';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/Nunito-Italic-VariableFont_wght.ttf') format('truetype');
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Nunito Variable Font - Covers all weights */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 200 900;
    src: url('../fonts/Nunito-VariableFont_wght.ttf') format('truetype-variations');
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Font Awesome - Brands */
@font-face {
    font-family: 'Font Awesome 6 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('../webfonts/fa-brands-400.woff2') format('woff2'),
         url('../webfonts/fa-brands-400.ttf') format('truetype');
}

/* Font Awesome - Regular */
@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('../webfonts/fa-regular-400.woff2') format('woff2'),
         url('../webfonts/fa-regular-400.ttf') format('truetype');
}

/* Font Awesome - Solid */
@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url('../webfonts/fa-solid-900.woff2') format('woff2'),
         url('../webfonts/fa-solid-900.ttf') format('truetype');
}

/* Font Awesome - V4 Compatibility */
@font-face {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url('../webfonts/fa-v4compatibility.woff2') format('woff2'),
         url('../webfonts/fa-v4compatibility.ttf') format('truetype');
}

/* Font Variables */
:root {
    --font-primary: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
    --font-fallback: 'Arial', 'Helvetica', sans-serif;
    --font-awesome: 'Font Awesome 6 Free';
    --font-awesome-brands: 'Font Awesome 6 Brands';
}

/* Global Font Settings */
* {
    font-family: var(--font-primary);
}

/* Font Weight Utilities */
.font-light { font-weight: 200; }
.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.font-extrabold { font-weight: 800; }
.font-black { font-weight: 900; }

/* Font Size Utilities */
.text-xs { font-size: 0.75rem; }
.text-sm { font-size: 0.875rem; }
.text-base { font-size: 1rem; }
.text-lg { font-size: 1.125rem; }
.text-xl { font-size: 1.25rem; }
.text-2xl { font-size: 1.5rem; }
.text-3xl { font-size: 1.875rem; }
.text-4xl { font-size: 2.25rem; }

/* Responsive Font Sizes */
@media (max-width: 768px) {
    .text-4xl { font-size: 1.875rem; }
    .text-3xl { font-size: 1.5rem; }
    .text-2xl { font-size: 1.25rem; }
    .text-xl { font-size: 1.125rem; }
}

/* Font Loading Optimization */
.font-loading {
    font-family: var(--font-fallback);
    font-display: swap;
}

/* Font Smoothing for better rendering */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Font Awesome Icon Classes */
.fa,
.fas {
    font-family: var(--font-awesome);
    font-weight: 900;
}

.far {
    font-family: var(--font-awesome);
    font-weight: 400;
}

.fab {
    font-family: var(--font-awesome-brands);
    font-weight: 400;
}

/* Font Loading Performance */
.font-preload {
    font-display: swap;
}

/* Fallback for older browsers */
@supports not (font-display: swap) {
    @font-face {
        font-family: 'Nunito';
        font-style: normal;
        font-weight: 400;
        src: url('../fonts/Nunito-Regular.woff2') format('woff2'),
             url('../fonts/Nunito-VariableFont_wght.ttf') format('truetype');
    }
}