Utilidad más valor tipado
Espaciado, color, tipografía, diseño, efectos e interactividad parten de un registro de temas validado. Las salidas arbitrarias siguen siendo visibles para la política.
flex items-center gap-4 rounded-lg bg-surface px-4 py-2 text-smLas condiciones son estructura
Las variantes responsivas, de estado, atributo, container, layer y media se convierten en rutas de condición normalizadas. Su orden no es una decoración incidental de cadenas.
md:grid-cols-2 hover:bg-accent-strong aria-[expanded=true]:ring-2La importancia sigue el efecto físico
Un signo de exclamación final marca la contribución semántica como importante. Los efectos sintetizados, como el box-shadow compuesto, preservan esa autoridad en el CSS final y en la procedencia.
ring-2! shadow-md!