/**
 * Ethnocentric (display) — port from StoryMode LMS.
 * Files: public/assets/home/fonts/ethnocentric-rg.{woff2,woff,ttf,eot,svg}
 *
 * Usage:
 *   font-family: var(--font-ethnocentric);
 *   font-family: var(--font-display);   same stack (Ethnocentric + Chakra fallback)
 *   class: .font-ethnocentric
 *
 * Only weight 400 ships; avoid font-weight: 700 (faux-bold).
 */
@font-face {
    font-family: 'Ethnocentric';
    src: url('../fonts/ethnocentric-rg.eot');
    src: url('../fonts/ethnocentric-rg.woff2') format('woff2'),
         url('../fonts/ethnocentric-rg.woff') format('woff'),
         url('../fonts/ethnocentric-rg.ttf') format('truetype'),
         url('../fonts/ethnocentric-rg.svg#Ethnocentric') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-ethnocentric: 'Ethnocentric', 'Chakra Petch', sans-serif;
    --font-display: var(--font-ethnocentric);
    --font-display-weight: 400;
}

.font-ethnocentric,
.font-display {
    font-family: var(--font-ethnocentric);
    font-weight: var(--font-display-weight);
}

/* Single shipped weight: keep real 400 to avoid faux-bold */
.font-ethnocentric,
.font-display,
[style*="font-family: 'Ethnocentric"],
[style*='font-family: "Ethnocentric'],
[style*="font-family: Ethnocentric"] {
    font-weight: 400 !important;
}