/* ==========================================================================
   fonts.css — Paper 27
   ==========================================================================
   All @font-face declarations for the theme. Only woff2 format.
   Fonts are in the suisse/ subdirectory.

   Families:
   1. SuisseIntl (legacy name per-weight: SuisseIntl-*-WebS)
   2. SuisseWorks (serif, replaces Chronicle)
   3. SuisseNeue (NEW — from offpage)
   4. SuisseIntlMono (NEW — from offpage)
   5. SuisseIntlCond (NEW — from offpage)

   Last updated: 2026-04-20
   ========================================================================== */


/* ==========================================================================
   1. SUISSE INTL — Sans-serif principal
   ==========================================================================
   Legacy posts reference each weight as a separate font-family name
   (SuisseIntl-Light-WebS, SuisseIntl-Regular-WebS, etc.)
   New code should use font-family:'SuisseIntl' + font-weight.
   ========================================================================== */

/* --- Per-weight family names (legacy compatibility) --- */

@font-face {
  font-family: 'SuisseIntl-Ultralight-WebS';
  src: url('suisse/SuisseIntl-Thin.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntl-UltralightItalic-WebS';
  src: url('suisse/SuisseIntl-ThinIt.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntl-Thin-WebS';
  src: url('suisse/SuisseIntl-Thin.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntl-ThinItalic-WebS';
  src: url('suisse/SuisseIntl-ThinIt.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntl-Light-WebS';
  src: url('suisse/SuisseIntl-Light.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntl-LightItalic-WebS';
  src: url('suisse/SuisseIntl-LightIt.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntl-Regular-WebS';
  src: url('suisse/SuisseIntl-Regular.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntl-RegularItalic-WebS';
  src: url('suisse/SuisseIntl-RegularIt.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntl-Medium-WebS';
  src: url('suisse/SuisseIntl-Medium.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntl-MediumItalic-WebS';
  src: url('suisse/SuisseIntl-MediumIt.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntl-SemiBold-WebS';
  src: url('suisse/SuisseIntl-Semibold.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntl-SemiBoldItalic-WebS';
  src: url('suisse/SuisseIntl-SemiboldIt.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntl-Bold-WebS';
  src: url('suisse/SuisseIntl-Bold.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntl-BoldItalic-WebS';
  src: url('suisse/SuisseIntl-BoldIt.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntl-Black-WebS';
  src: url('suisse/SuisseIntl-Black.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntl-BlackItalic-WebS';
  src: url('suisse/SuisseIntl-BlackIt.woff2') format('woff2');
  font-display: swap;
}

/* --- Unified family name (new code) --- */

@font-face {
  font-family: 'SuisseIntl';
  src: url('suisse/SuisseIntl-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntl';
  src: url('suisse/SuisseIntl-ThinIt.woff2') format('woff2');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntl';
  src: url('suisse/SuisseIntl-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntl';
  src: url('suisse/SuisseIntl-LightIt.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntl';
  src: url('suisse/SuisseIntl-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntl';
  src: url('suisse/SuisseIntl-RegularIt.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntl';
  src: url('suisse/SuisseIntl-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntl';
  src: url('suisse/SuisseIntl-MediumIt.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntl';
  src: url('suisse/SuisseIntl-Semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntl';
  src: url('suisse/SuisseIntl-SemiboldIt.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntl';
  src: url('suisse/SuisseIntl-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntl';
  src: url('suisse/SuisseIntl-BoldIt.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntl';
  src: url('suisse/SuisseIntl-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntl';
  src: url('suisse/SuisseIntl-BlackIt.woff2') format('woff2');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}


/* ==========================================================================
   2. SUISSE WORKS — Serif (reemplaza Chronicle)
   ========================================================================== */

@font-face {
  font-family: 'SuisseWorks';
  src: url('suisse/SuisseWorks-Book-WebS.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseWorks';
  src: url('suisse/SuisseWorks-BookItalic-WebS.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseWorks';
  src: url('suisse/SuisseWorks-Regular-WebS.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseWorks';
  src: url('suisse/SuisseWorks-RegularItalic-WebS.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseWorks';
  src: url('suisse/SuisseWorks-Medium-WebS.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseWorks';
  src: url('suisse/SuisseWorks-MediumItalic-WebS.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseWorks';
  src: url('suisse/SuisseWorks-Medium-WebS.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseWorks';
  src: url('suisse/SuisseWorks-MediumItalic-WebS.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseWorks';
  src: url('suisse/SuisseWorks-Bold-WebS.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseWorks';
  src: url('suisse/SuisseWorks-BoldItalic-WebS.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}


/* ==========================================================================
   3. SUISSE NEUE — Sans-serif display (desde offpage)
   ==========================================================================
   WebS = screen optimized, WebXL = large sizes.
   Usamos WebS como principal.
   ========================================================================== */

@font-face {
  font-family: 'SuisseNeue';
  src: url('suisse/SuisseNeue-Light-WebS.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseNeue';
  src: url('suisse/SuisseNeue-LightItalic-WebS.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseNeue';
  src: url('suisse/SuisseNeue-Regular-WebS.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseNeue';
  src: url('suisse/SuisseNeue-RegularItalic-WebS.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseNeue';
  src: url('suisse/SuisseNeue-Medium-WebS.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseNeue';
  src: url('suisse/SuisseNeue-MediumItalic-WebS.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}


/* ==========================================================================
   4. SUISSE INTL MONO — Monospace
   ========================================================================== */

@font-face {
  font-family: 'SuisseIntlMono';
  src: url('suisse/SuisseIntlMono-Thin-WebS.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntlMono';
  src: url('suisse/SuisseIntlMono-Regular-WebS.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntlMono';
  src: url('suisse/SuisseIntlMono-Bold-WebS.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


/* ==========================================================================
   5. SUISSE INTL CONDENSED — Display headlines
   ========================================================================== */

@font-face {
  font-family: 'SuisseIntlCond';
  src: url('suisse/SuisseIntlCond-Thin-WebS.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntlCond';
  src: url('suisse/SuisseIntlCond-ThinItalic-WebS.woff2') format('woff2');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntlCond';
  src: url('suisse/SuisseIntlCond-Light-WebS.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntlCond';
  src: url('suisse/SuisseIntlCond-LightItalic-WebS.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntlCond';
  src: url('suisse/SuisseIntlCond-Regular-WebS.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntlCond';
  src: url('suisse/SuisseIntlCond-RegularItalic-WebS.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntlCond';
  src: url('suisse/SuisseIntlCond-Medium-WebS.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntlCond';
  src: url('suisse/SuisseIntlCond-MediumItalic-WebS.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntlCond';
  src: url('suisse/SuisseIntlCond-Semibold-WebS.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntlCond';
  src: url('suisse/SuisseIntlCond-SemiboldItalic-WebS.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntlCond';
  src: url('suisse/SuisseIntlCond-Bold-WebS.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SuisseIntlCond';
  src: url('suisse/SuisseIntlCond-BoldItalic-WebS.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}