Build clean, scalable UIs with Tailwind CSS using modern utilities and variants
hover, focus-visible, disabled, dark, and motion-safe variants where appropriatedata-* and aria-* variants for stateful styling tied to DOM semanticsgroup and peer for parent/sibling state without extra JSsm, , , ...)mdlgtailwind.config instead of ad-hoc custom classes@layer for custom utilities/components when repetition is unavoidable@apply except for small, repeatable patterns