@ -46,3 +46,34 @@ soporte de Safari/Firefox periódicamente y subir el listón cuando lleguen.
`--depth-{plane}-scrim` existe como token pero sin regla cableada; el backdrop dim de los modales
`--depth-{plane}-scrim` existe como token pero sin regla cableada; el backdrop dim de los modales
lo gestiona hoy cada componente. Cablear una regla `[data-depth][data-scrim]` si emerge un
lo gestiona hoy cada componente. Cablear una regla `[data-depth][data-scrim]` si emerge un
consumidor que lo necesite fuera de dialog/drawer.
consumidor que lo necesite fuera de dialog/drawer.
## Tema completo — más allá de los canales visuales (diferido)
`eidos.applyTheme(seed)` (capstone, hecho) compone **solo los 5 canales visuales** (color ·
tipografía · profundidad · forma · espacio). Un **tema** en sentido pleno es más, y reparte por
capas — esto hay que tenerlo claro antes de construir una página de construcción de tema "de
verdad":
| Dimensión | Define | Capa | ¿En applyTheme? |
|---|---|---|---|
| **Visual** | color · tipo · depth · shape · space | eidos (`applyTheme`) | ✅ |
| **Semántica** | firmas de sonido + háptica, packs por componente, intents | sema (`EngineSemantic`) | ❌ otra capa |
| **Iconografía** | set / estilo de iconos | art (icon) | ❌ |
| **Variantes** | control/selection/chip/marker/tabs | **canon** de eidos (`EIDOS_VARIANTS`) | ⚠️ no se definen — se retintan + previsualizan |
Claves:
- ** `applyTheme` está bien acotado a eidos (visual).** Un tema *completo* es **cross-layer** ; su
sitio natural es `active-uix` , p. ej. `uix.applyBrand({ visual, sema, icons })` que compone
`eidos.applyTheme` + perfil sema + iconos. NO meter sema dentro de eidos (rompe eidos≠sema).
- **La capa sema es opcional / nullable.** Un tema puede traer perfil completo, afinado, o
**silencioso** (`events: { sound: false, haptic: false }` / sin packs). No es caso especial: es
ausencia de perfil (sema es ornamental, el runtime va sin ella).
- **Variantes = canon, no theme-extensible** (THEMING §19). Un tema las retinta, no las inventa.
Lo que faltó en el demo: **previsualizarlas** (matriz botones × 4 variantes × intents, selección,
chips…) para ver el tema sobre todo el vocabulario, no una sola mini-tarjeta.
**Deuda de encuadre**: el demo `/temas/tema` ("Un tema, una semilla") **sobre-promete** — es, con
precisión, *los canales visuales* de un tema. Es válido para ese alcance (decisión consciente),
pero al retomar: o (A) reencuadrar el copy a "canales visuales del tema", o (B) ampliar la página
(control de perfil sema completo/afinado/silencioso + matriz de variantes + iconografía), o (C)
subir a `uix.applyBrand` cross-layer (lo arquitectónicamente completo). Decidir al reabrir.