/**
 * orf universal fonts - variable fonts
 */

:root {
   /* otherwise, opsz is set to font size in pixel, which triggers headline style in larger sizes */
   font-optical-sizing: none;
   /* make sure real font is used everytime */
   font-synthesis: none;
   /* custom prop to use fallback stack */
   /* when setting "font-stretch: condensed", helvetica neue selects condensed (but bold) on macos and ios; arial selects narrow on windows */
   --font-orf-universal: ORF Universal, ORF Fallback, sans-serif;
   --font-orf-universal-sc: ORF Universal SC, ORF Fallback SC, sans-serif;
   --font-orf-universal-logo: ORF Universal Logo, ORF Fallback, sans-serif; /* has same height has normal font */
}

/* in ff, needs to be explicitly deactivated */
input, textarea, button, select {
   font-optical-sizing: inherit;
}

/* fallback font that also works with font-stretch: condensed */
@font-face {
   font-family: ORF Fallback;
   font-stretch: normal;
   src: local(Avenir Next), local(Arial);
}

@font-face {
   font-family: ORF Fallback;
   font-stretch: condensed; 
   src: local(Avenir Next Condensed), local(Arial Narrow);
   /* arial narrow not working on ios; avenir next condensed is only similar regular-weight condensed available; helvetica only medium/bold */
}

/* fallback for SC that displays similar size */
@font-face {
   font-family: ORF Fallback SC;
   src: local(Avenir Next), local(Arial);
   size-adjust: 85%;
}

/* orf universal variable font */

@font-face {
   font-family: 'ORF Universal';
   /* 300 = light, 400 = normal, 500 = medium, 700 = bold; see https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight */
   font-weight: 300 700;
   /* 75% = condensed, 87,5% = semi-condensed, 100% = regular; see: https://developer.mozilla.org/en-US/docs/Web/CSS/font-stretch */
   font-stretch: 75% 140%; /* specific for ORF Universal: 125% == semi-extended; 140% == extended */
   src: local('\263A'),
         url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_W_WghtWdthOpsz.woff2") format("woff2-variations");
}

/* italic is separate file */
@font-face {
   font-family: 'ORF Universal';
   /* 300 = light, 400 = normal, 500 = medium, 700 = bold; see https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight */
   font-weight: 300 700;
   /* 75% = condensed, 87,5% = semi-condensed, 100% = regular; see: https://developer.mozilla.org/en-US/docs/Web/CSS/font-stretch */
   font-stretch: 75% 140%; /* specific for ORF Universal: 125% == semi-extended; 140% == extended */
   font-style: italic;
   src: local('\263A'),
         url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_It_W_WghtWdthOpsz.woff2") format("woff2-variations");
}


@font-face {
   font-family: 'ORF Universal SC';
   /* 300 = light, 400 = normal, 500 = medium, 700 = bold; see https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight */
   font-weight: 300 700;
   src: local('\263A'),
         url("//orf.at/fonts/ORFUniversalSC/Variable/Web/WOFF2/ORFUniversalSCVF_W_WghtOpsz.woff2") format("woff2-variations");
}


@font-face {
   font-family: 'ORF Universal Logo';
   /* 300 = light, 400 = normal, 500 = medium, 700 = bold; see https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight */
   font-weight: 500;
   src: local('\263A'),
         url("//orf.at/fonts/ORFUniversalLogo/Web/WOFF2/ORFUniversalLogo_W_Md.woff2") format("woff2");
}