/**
 * Custom Fonts
 * 
 * @package mejifoodsnew
 */

/* Fonts are loaded via functions.php from:
 * - Nunito: Google Fonts
 * - Gagalin: OnlineWebFonts
 */

/* Global font settings */
body {
    font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-weight: 400;
}

/* Headings use Gagalin with italic slant for that bold display look */
h1, h2, h3, h4, h5, h6,
.heading-font {
    font-family: 'Gagalin-Regular', 'Nunito', sans-serif;
    font-weight: normal;
    font-style: normal; /* This gives the slanted look */
    text-transform: uppercase; /* Make all headings uppercase */
}

/* Ensure Nunito for body text */
p, span, a, div, li, td, th,
.body-font {
    font-family: 'Nunito', sans-serif;
}

/* Specific heading styles */
h1 { 
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-style: italic;
}
h2 { 
    font-size: clamp(2rem, 4vw, 3rem);
    font-style: italic;
}
h3 { 
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-style: italic;
}
h4 { 
    font-size: clamp(1.25rem, 2.5vw, 1.75rem);
    font-style: italic;
}
h5 { 
    font-size: clamp(1.125rem, 2vw, 1.5rem);
    font-style: italic;
}
h6 { 
    font-size: clamp(1rem, 1.5vw, 1.25rem);
    font-style: italic;
}

/* Nunito weight variations */
.nunito-light { font-weight: 300; }
.nunito-regular { font-weight: 400; }
.nunito-semibold { font-weight: 600; }
.nunito-bold { font-weight: 700; }
.nunito-extrabold { font-weight: 800; }
.nunito-black { font-weight: 900; }