Colores
Un tono por significado. Nada decorativo.
Todos los colores son variables CSS. Moodinary no tiene modo oscuro: hay una sola paleta, clara. En componentes usá siempre la clase del token (bg-card, text-ink-2) y nunca un hex.
Superficies
El lienzo es gris azulado; las tarjetas apenas más claras. El contraste sale del borde, no de sombras fuertes.
--canvas--card--bg-soft--hoverTinta
Tres niveles de texto. Nunca bajes de ink-3 para texto que hay que leer.
--ink--ink-2--ink-3Líneas
line separa, line-2 delimita controles, line-3 marca bordes con más presencia.
--line--line-2--line-3Marca y organización
--org es el color de la organización ya pasado por snapToBrandColor(). En el panel es navy Moodinary; solo el formulario público usa el color de la institución.
--org--org-soft--primary--secondaryÁnimo
La única forma legal de pintar ánimo. m1 comparte tono con error y m5 con éxito. Nunca decorativos.
--m1--m2--m3--m4--m5Estado
Éxito, advertencia y error reutilizan la rampa de ánimo para que el significado sea uno solo.
--ok--warn--err