h1 { font-size: 13rem;}
h2 { font-size: 3rem;}
h3 { font-size: 2rem;}
h4 { font-size: 1.5rem;}
h5 { font-size: 0.8rem;}
p { font-size: 1.5rem;}

/* ===== DINDONG ===== */
@font-face {
    font-family: 'dindong';
    src: url('../assets/fonts/DINdong/dindong.woff2') format('woff2'),
         url('../assets/fonts/DINdong/dindong.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* VARIABLE FONTS (modern browsers) */
@font-face {
    font-family: 'Inter';
    src: url('../assets/fonts/Inter/InterVariable.woff2') format('woff2-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../assets/fonts/Inter/InterVariable-Italic.woff2') format('woff2-variations');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

/* STATIC FALLBACKS (older browsers) */
@font-face {
    font-family: 'Inter';
    src: url('../assets/fonts/Inter/Inter-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../assets/fonts/Inter/Inter-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Add bold static fallback if needed */
@font-face {
    font-family: 'Inter';
    src: url('../assets/fonts/Inter/Inter-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}