Cards, list rows and notifications. Surfaces stay neutral; status color is reserved for inline states only.
Use for short-form information. Surface, radius and color all come from tokens.
Figma variables compile straight to CSS variables. Hand them to your agent.
Highlighted card uses a slightly elevated overlay surface — no brand border.