/* ============================================================
   TIPOGRAFÍA DE MARCA — autohospedada (no depende de Google Fonts)
   Se usa tanto en la landing (index.html) como en el sistema
   (app.html), para que las dos partes hablen el mismo idioma
   visual. Al ser archivos propios, además siguen funcionando en
   el modo offline del sistema.
   ============================================================ */

@font-face {
  font-family: 'Inter';
  src: url('assets/fonts/Inter-Variable.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif';
  src: url('assets/fonts/SourceSerif4-Regular.otf') format('opentype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif';
  src: url('assets/fonts/SourceSerif4-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif';
  src: url('assets/fonts/SourceSerif4-Black.otf') format('opentype');
  font-weight: 900;
  font-display: swap;
}
@font-face {
  font-family: 'Plex Mono';
  src: url('assets/fonts/IBMPlexMono-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Plex Mono';
  src: url('assets/fonts/IBMPlexMono-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'Plex Mono';
  src: url('assets/fonts/IBMPlexMono-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
}