Eidos · canal de profundidad
No es una propiedad que un elemento tiene — es algo que sucede. Mira: la profundidad responde al cursor y asciende cuando algo emerge.
Pasa el cursor — cada tarjeta sube de plano (raised → overlay): la sombra crece y se eleva.
No solo al hover. Reposo, foco, pulsado, deshabilitado — la profundidad cambia con cada estado. Donde Material publica una tabla de niveles por estado, aquí es un solo canal que reacciona. El último control es real: pásale el cursor, enfócalo con Tab, púlsalo.
Abre el panel: asciende sobre el contenido (que recede tras el scrim). La sombra crece desde plano hasta su elevación — la firma del evento, no un estilo fijo.
Mi sombra creció desde la superficie hasta el plano modal mientras subía — y
el contenido de detrás recedió. Eso es la profundidad ocurriendo.
Cinco posiciones en la jerarquía de atención, de hundido a cima:
recessed → flush → raised → overlay → modal. Cada peldaño compone superficie +
sombra + z — míralos trepar hacia ti.
Los 5 planos son los componentes que los necesitan. data-depth cohere
superficie + sombra + z; en dark, "más arriba" = más claro (mode-aware).
La elevación en reposo de cada familia de componente — el equivalente a la tabla de especificación de Material, pero en planos nombrados por su rol, no en milímetros.
La misma tarjeta overlay, los dos modos a la vez. En claro manda la
sombra proyectada y el halo es invisible. En oscuro la sombra apenas se ve —
toma el relevo el halo: un rim de luz computado en oklab. La señal se
adapta al modo en vez de mentir.
Opinión fuerte que nunca atrapa. El plano overlay trae una sombra
canónica — pero la mezcla es tuya: retúnea por config, anula por componente, o baja al
primitivo crudo. La misma tarjeta, cuatro mezclas — cámbiala y míralo en vivo.
box-shadow: {activeShadow};
canónica = el plano sin tocar · de marca = mezcla OKLCH con el color
primario · primitivo crudo = var(--shadow-3), siempre a un paso. En
una app real esto vive en EidosConfig.depth o en un override de recipe — el
inline aquí es solo el atajo más corto a la misma puerta.
La profundidad acompaña — nunca carga sola con el significado.