# Soft Shadow

## Essence

Soft elevation for approved cards and visual tiles.

## Token

- `--shadow-soft`

## Visual Role

Subtle wide shadow that helps cards and visual tiles separate from secondary background blocks without becoming visually heavy.

## Use When

- Rendering `Article Card`.
- Rendering `Use Case Item`.
- A repeated card sits on `--color-bg-secondary` and needs gentle lift.

## Do Not Use When

- A simple surface can use border or background contrast.

## Code Paths

- `packages/design-system/src/styles/tokens.css`
- `packages/design-system/src/components/ArticleCard.astro`
- `packages/design-system/src/components/UseCaseItem.astro`