# Card

## Purpose

Generic surface primitive for grouped content.

## Category

Primitive

## Public API

Props:

- `variant`: `default | subtle | outline | elevated | panel`
- `padding`: `sm | md | lg`
- `interactive`: boolean

## Variants

- `default`: standard raised surface
- `subtle`: quieter tonal surface
- `outline`: transparent structural container
- `elevated`: stronger separation for high-emphasis grouped content
- `panel`: denser tonal panel for previews, examples, and technical callouts

## Notes

- Visual finish is token-driven and intended to support both application and marketing-style compositions without route-local styling.