// 01
O que são CSS Variables?
As Custom Properties permitem armazenar valores reutilizáveis em todo o documento.
Definidas com --nome e acessadas via var(--nome), elas tornam a manutenção
e a criação de temas muito mais simples e previsíveis.
// 02
Benefícios do Dark Mode
- Reduz o cansaço visual em ambientes com pouca luz
- Economiza bateria em telas OLED e AMOLED
- Estética mais focada e menos distração visual
// 03
Como implementar?
Use o atributo data-theme no elemento raiz e alterne via JavaScript,
ou prefira a media query @media (prefers-color-scheme: dark)
para seguir automaticamente a preferência do sistema do usuário.