Relação com o front-end

Olá Fernanda. Tudo bem com você?

É muito legal ver que você está se dedicando a estudar front-end e design system.

Respondendo à sua pergunta, sim, os nomes dos tokens definidos no Design System do produto podem ser usados na aplicação de variáveis CSS no código. Os Design Tokens podem ser declarados em folhas de estilo em várias linguagens, como JSON, XML ou CSS, e podem ser referenciados em todo o código, inclusive no 'root' do arquivo. Isso ajuda a manter a consistência visual em todo o projeto, facilitando a manutenção e atualização do código.

Vale destacar, que os Design Tokens são variáveis que carregam informações não dependentes de uma tecnologia específica, como cores, espaçamentos e tamanhos, e são usados no lugar de valores codificados (como valores hexadecimais para cores ou valores de pixels para espaçamento) a fim de manter um sistema visual escalonável e consistente para o desenvolvimento da UI.

Qualquer dúvida estou à disposição. Até mais e bons estudos!