---

This section details on the original issue you should resolve

<issue_title>Card: support more padding options</issue_title>
<issue_description>The size options on the Card component often produce unequal horizontal/padding padding values. For example the large size has 24px vertical padding and 32px horizontal padding.

It can sometimes be desirable to create cards with equal padding, or specify per-side padding values on subcomponents like Card.Header. Let's explore how to offer this functionality in a sustainable way (based on presets/tokens) while considering backwards compatibility.

cc @gigitux </issue_description>

Comments on the Issue (you are @copilot in this section)

@jameskoster One idea I had for this is to introduce some new properties: `paddingTop`, `paddingRight`, `paddingBottom`, `paddingLeft`.

Behavior

• The existing size prop acts as a shorthand defining top, right, bottom, and left padding values.
• When any per-side padding property is set, it overrides the corresponding side derived from size.
• If size is omitted, each padding property applies independently.
• The padding* props accept values from the spacing scale to maintain design consistency.

Backwards compatibility

• All existing uses of size remain fully supported.
• The new properties are additive and non-breaking.

This approach loosely mirrors CSS’s padding shorthand and side-specific properties, offering developers finer control without fragmenting existing patterns or requiring new size presets.</comment_new>