Pastel — Style Tokens + Row Template

Soft, friendly, candy-colored. Inverted badges (light tint bg, dark colored text). Each card has a soft tinted left panel matching the status hue — the whole left side blushes with the status color.

Layout philosophy: Tinted panel card. A soft-colored left panel (about 80px wide) shows the progress percentage in the status's dark color. The panel's background is the status's lightest tint. The rest of the card is white with stacked metadata. Feels warm and inviting.

Badge Tokens (inverted — light bg, dark text)

• padding: 5px 14px
• border-radius: 10px
• font-size: 12px
• font-weight: 600
• text-transform: none

status_colors