/* === Anigdha Italy — Local Font Faces === */

/* Poppins — Body text */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.woff2') format('woff2'),
         url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
         url('../fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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

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

/* Lora — Headings only */
@font-face {
    font-family: 'Lora';
    src: url('../fonts/Lora-Regular.woff2') format('woff2'),
         url('../fonts/Lora-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Lora';
    src: url('../fonts/Lora-SemiBold.woff2') format('woff2'),
         url('../fonts/Lora-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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

/* Apply Lora to all headings — !important to override class-level Poppins declarations */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lora', 'Poppins', sans-serif !important;
}

/* ═══════════════════════════════════════
   HEADING SIZE SYSTEM — Central Control
   Controls all heading sizes across inner pages (not homepage).
   Two sets: banner titles + content headings.
   ═══════════════════════════════════════ */

:root {
    /* Banner titles (page banner, course hero, blog banner, contact banner) */
    --banner-h1: 42px;

    /* Content headings (inside article body — pages, blog, courses) */
    --heading-h1: 39px;
    --heading-h2: 33px;
    --heading-h3: 29px;
    --heading-h4: 25px;
    --heading-h5: 20px;
    --heading-h6: 17px;
}

/* Tablet */
@media (max-width: 1024px) {
    :root {
        --banner-h1: 36px;

        --heading-h1: 33px;
        --heading-h2: 28px;
        --heading-h3: 24px;
        --heading-h4: 21px;
        --heading-h5: 18px;
        --heading-h6: 16px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    :root {
        --banner-h1: 30px;

        --heading-h1: 28px;
        --heading-h2: 24px;
        --heading-h3: 21px;
        --heading-h4: 19px;
        --heading-h5: 17px;
        --heading-h6: 15px;
    }
}

/* Small mobile */
@media (max-width: 480px) {
    :root {
        --banner-h1: 26px;

        --heading-h1: 25px;
        --heading-h2: 22px;
        --heading-h3: 19px;
        --heading-h4: 17px;
        --heading-h5: 16px;
        --heading-h6: 14px;
    }
}