Primary: bg-emerald-600

Used in CTA buttons

Hover: bg-emerald-700

Hover state for CTA

Focus Ring: ring-emerald-500

Focus-visible outline

Background: bg-gray-100

Default page background

Card Background: bg-white

Used inside cards, panels

Border: border-gray-200

Card/container border color