[Projeto] evoluindo cada vez mais

const html = document.querySelector('html');
const focoBt = document.querySelector('.app__card-button--foco');
const curtoBt = document.querySelector('.app__card-button--curto');
const longBt = document.querySelector('.app__card-button--longo');
const botaoIniciar = document.querySelector('app__card-primary-button');
const timer = document.querySelector('#timer');
const imagem = document.querySelector('app__image');
const frase = document.querySelector('app__title');
const duracaoFoco = 1500;
const duracaoDescansoCurto = 300;
const duracaoDescansoLongo = 900;

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

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

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

botaoIniciar.addEventListener('click', () => {
        html.setAttribute('data-contexto', 'iniciando');
})