Spatial organization and layout. Owns grid, flex, gap, and max-width properties. Controls how content flows across th...
Visual presence and material properties. Owns padding, border, border-radius, and surface treatment. Defines how a co...
Typography and information intent. Owns font-size, font-weight, font-family, and line-height. Each variant represents...
Interaction and navigation patterns. Owns hover, focus, cursor, and transition properties. Maps user actions to visua...
Temporal conditions and lifecycle. Owns animation, transition, opacity, and filter properties. Represents how content...
Sensory texture and emotional tone. Owns background, color, box-shadow, and ambient effects. Sets the mood of a page ...
