/*
 * Mokoto — família de fontes layered
 * Arquivos em: assets/fonts/mokoto/ttf/
 *
 * Uso em camadas (efeito glitch completo):
 *   .font-mokoto         → base
 *   .font-mokoto-mark1   → glitch mark 1  (camada sobre a base)
 *   .font-mokoto-mark2   → glitch mark 2  (camada sobre a base)
 *   .font-mokoto-outline → contorno       (camada sobre a base)
 */

/* Base — sem marcas glitch */
@font-face {
  font-family: 'MokotoBase';
  src: url('../fonts/mokoto/ttf/mokoto-mokoto-regular-400.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Glitch Mark 1 */
@font-face {
  font-family: 'MokotoGlitch';
  src: url('../fonts/mokoto/ttf/mokoto-mokoto-regular-glitch-mark-1-400.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Glitch Mark 2 */
@font-face {
  font-family: 'MokotoGlitch2';
  src: url('../fonts/mokoto/ttf/mokoto-mokoto-regular-glitch-mark-2-400.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Outline */
@font-face {
  font-family: 'MokotoOutline';
  src: url('../fonts/mokoto/ttf/mokoto-mokoto-regular-glitch-mark-outline-400.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}