Tema claro y oscuro

Toggle del header y tokens derivados.

El botón Claro/Oscuro en el header cambia la UI del estudio y el tema activo de la paleta. Craftie deriva valores light y dark para tokens compatibles.

En el estudio

Toggle Sol/Luna junto a Docs y Exportar.
Maqueta Analytics para revisar layout en contexto oscuro.
Bloqueo por rol puede diferir entre claro y oscuro.

En tu app

Export CSS incluye `:root` y `[data-theme="dark"]`.
Activa dark con `data-theme="dark"` en `<html>` o contenedor raíz.