Problemas no botão Descanso Longo

Olá, como solicitado pelo professor tente fazer o botão descanso-longo mudar a cor da página ao ser clicado. daí que siplesmente ele não funciona e eu não consigo achar o que eu to errando, mas no descanso-curto que fiz com ele, funcionou, alguem pode me explicar o que eu errei?

const html = document.querySelector('html');
const focoBt = document.querySelector('.app__card-button--foco');
const curtoBt = document.querySelector('.app__card-button--curto');
const longoBt = document.querySelector('app__card-button--longo')

focoBt.addEventListener('click', () => {
    html.setAttribute('data-contexto', 'foco')
})

curtoBt.addEventListener('click', () => {
    html.setAttribute('data-contexto', 'descanso-curto')
})

longoBt.addEventListener('click', () => {
    html.setAttribute('data-contexto', 'descanso-longo')
})