/* ============================================================
   Recoleta (Latinotype) — self-hosted display face.
   Licensed webfont build; the .otf desktop files are NOT served.

   The family has no italics, so anywhere the old Cormorant setting
   used font-style:italic the pages now carry a heavier weight
   instead. Do not add font-style:italic to Recoleta: browsers will
   synthesise a slanted version and it reads badly on this face.

   Declared once here, linked from every page. Browsers only download
   the weights a given page actually renders.
   ============================================================ */

@font-face {
  font-family: 'Recoleta';
  src: url('/fonts/recoleta-light-webfont.woff2') format('woff2'),
       url('/fonts/recoleta-light-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Recoleta';
  src: url('/fonts/recoleta-regular-webfont.woff2') format('woff2'),
       url('/fonts/recoleta-regular-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Recoleta';
  src: url('/fonts/recoleta-medium-webfont.woff2') format('woff2'),
       url('/fonts/recoleta-medium-webfont.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Recoleta';
  src: url('/fonts/recoleta-semibold-webfont.woff2') format('woff2'),
       url('/fonts/recoleta-semibold-webfont.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Recoleta';
  src: url('/fonts/recoleta-bold-webfont.woff2') format('woff2'),
       url('/fonts/recoleta-bold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ------------------------------------------------------------
   Safety net.

   Recoleta ships no italic. Where a rule inherits the display face
   and still asks for font-style:italic, the browser would synthesise
   a slanted version, which looks wrong on this face. These two rules
   answer any italic request with an upright, heavier cut instead, so
   the emphasis survives and the fake slant never happens.
   ------------------------------------------------------------ */

@font-face {
  font-family: 'Recoleta';
  src: url('/fonts/recoleta-semibold-webfont.woff2') format('woff2'),
       url('/fonts/recoleta-semibold-webfont.woff') format('woff');
  font-weight: 100 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Recoleta';
  src: url('/fonts/recoleta-bold-webfont.woff2') format('woff2'),
       url('/fonts/recoleta-bold-webfont.woff') format('woff');
  font-weight: 601 1000;
  font-style: italic;
  font-display: swap;
}