/* Proxima Nova Regular */
@font-face {
    font-family: 'Proxima Nova';
         url('proximanova_regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Proxima Nova Bold */
@font-face {
    font-family: 'Proxima Nova';
    src: url('proximanova-bold-webfont.woff2') format('woff2'),
         url('proximanova_bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Proxima Nova Extra Bold */
@font-face {
    font-family: 'Proxima Nova';
         url('proximanova_extrabold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}


/* CSS Variables cho dễ sử dụng */
:root {
    --font-proxima-nova: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Áp dụng font cho các element cơ bản (tuỳ chọn) */
.proxima-nova {
    font-family: var(--font-proxima-nova);
}

.proxima-nova-regular {
    font-family: var(--font-proxima-nova);
    font-weight: 400;
}

.proxima-nova-bold {
    font-family: var(--font-proxima-nova);
    font-weight: 700;
}

.proxima-nova-extrabold {
    font-family: var(--font-proxima-nova);
    font-weight: 800;
}