/* Licensed web fonts (Fontshuk / Fontia) - font comparison options 1-4 */

/* 1. TalentFS */
@font-face{font-family:"TalentFS";src:url("TalentFS-Extralight.woff2") format("woff2");font-weight:200 300;font-display:swap}
@font-face{font-family:"TalentFS";src:url("TalentFS-Regular.woff2") format("woff2");font-weight:400 500;font-display:swap}
@font-face{font-family:"TalentFS";src:url("TalentFS-Demibold.woff2") format("woff2");font-weight:600 700;font-display:swap}
@font-face{font-family:"TalentFS";src:url("TalentFS-Black.woff2") format("woff2");font-weight:800 900;font-display:swap}

/* 2. Pompei + Polin */
@font-face{font-family:"Pompei";src:url("Pompei_FS-Medium.woff2") format("woff2");font-weight:400 600;font-display:swap}
@font-face{font-family:"Pompei";src:url("Pompei_FS-Bold.woff2") format("woff2");font-weight:700 900;font-display:swap}
@font-face{font-family:"Polin";src:url("Polin-Light.woff2") format("woff2");font-weight:300 400;font-display:swap}
@font-face{font-family:"Polin";src:url("Polin-Medium.woff2") format("woff2");font-weight:500 600;font-display:swap}
@font-face{font-family:"Polin";src:url("Polin-Bold.woff2") format("woff2");font-weight:700 900;font-display:swap}

/* 3. Nostela + Discovery */
@font-face{font-family:"Nostela";src:url("Nostela_Fs-Light.woff2") format("woff2");font-weight:300 400;font-display:swap}
@font-face{font-family:"Nostela";src:url("Nostela_Fs-Medium.woff2") format("woff2");font-weight:500 600;font-display:swap}
@font-face{font-family:"Nostela";src:url("Nostela_Fs-Bold.woff2") format("woff2");font-weight:700 900;font-display:swap}
@font-face{font-family:"Discovery";src:url("Discovery_Fs-Light.woff2") format("woff2");font-weight:300 400;font-display:swap}
@font-face{font-family:"Discovery";src:url("Discovery_Fs-Medium.woff2") format("woff2");font-weight:500 600;font-display:swap}
@font-face{font-family:"Discovery";src:url("Discovery_Fs-Bold.woff2") format("woff2");font-weight:700 900;font-display:swap}

/* 4. Leon + Ella Sans */
@font-face{font-family:"Leon";src:url("Leon-ProductRegular.woff2") format("woff2");font-weight:400 600;font-display:swap}
@font-face{font-family:"Leon";src:url("Leon-ProductHeavy.woff2") format("woff2");font-weight:700 900;font-display:swap}
@font-face{font-family:"Ella Sans";src:url("EllaSans-Regular.woff2") format("woff2");font-weight:400;font-display:swap}

/* option switches: <html class="font-1"> ... */
html.font-1{--serif:"TalentFS",Arial,sans-serif;--sans:"TalentFS",Arial,sans-serif}
html.font-2{--serif:"Pompei",Arial,sans-serif;--sans:"Polin",Arial,sans-serif}
html.font-3{--serif:"Nostela",Arial,sans-serif;--sans:"Discovery",Arial,sans-serif}
html.font-4{--serif:"Leon",Arial,sans-serif;--sans:"Ella Sans",Arial,sans-serif}

/* TalentFS body with another heading font */
html.font-5{--serif:"Pompei",Arial,sans-serif;--sans:"TalentFS",Arial,sans-serif}
html.font-6{--serif:"Polin",Arial,sans-serif;--sans:"TalentFS",Arial,sans-serif}
html.font-7{--serif:"Leon",Arial,sans-serif;--sans:"TalentFS",Arial,sans-serif}