/* Brand fonts of micadoni.com - ACTIVATE ONLY AFTER the licence for careers.micadoni.com is confirmed
   and the three .woff2 files are placed in /public/fonts/brand/ (see ../../DEPLOY-PRODUCTION.md, section "Fonts").
   To activate: in src/templates.js replace the fonts.css <link> with brand-fonts.css (one line) and redeploy.
   The site's CSS only uses --serif and --sans, so nothing else changes. */

@font-face { font-family: 'Martina Plantijn'; font-style: normal; font-weight: 300; font-display: swap; src: url(/fonts/brand/MartinaPlantijn_Light.woff2) format('woff2'); }
@font-face { font-family: 'Neue Haas Grotesk Display'; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/brand/NeueHaasGroteskDisplay_Reg.woff2) format('woff2'); }
@font-face { font-family: 'ABC Monument Grotesk'; font-style: normal; font-weight: 500; font-display: swap; src: url(/fonts/brand/ABCMonumentGrotesk_Medium.woff2) format('woff2'); }

:root {
  --serif: 'Martina Plantijn', Georgia, 'Times New Roman', serif;
  --sans: 'Neue Haas Grotesk Display', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --sans-medium: 'ABC Monument Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/* Martina Plantijn Light is lighter and slightly larger on the x-height than Newsreader: headings get weight 300, italics stay as faux-italic unless the Italic cut is licensed too */
h1, h2, .h1, .h2, .hero__title, .role__name, .orole__name, .value__title, .visit__title, .loc__name, .applybox__title, .openban__title, .step__t, .jhero__intro, .quote { font-weight: 300; }
.btn, .chip, .kicker, .brand__sub, .field__label, .f__l { font-family: var(--sans-medium); font-weight: 500; }