First line: the white surface panel — hairline border, 12px radius — that underlies every card and tile.

```jsx
<Card>Содержимое</Card>
<Card interactive as="button" onClick={...}>
  <ProductChip product="pilot" />
  <h3>ЖК «Северный парк»</h3>
</Card>
```

Notes
- `interactive` adds the signature hover lift (border → `--border-strong`, soft `--shadow-card`, -1px translate). Use it only for clickable tiles.
- Set `pad={false}` when you need a flush surface (lists, file rows) and handle insets yourself.
- Render as `button`/`a` via `as` so clickable cards stay accessible.