/* components/cards.css */

.card {
    background: var(--color-white);
    border: 1px solid var(--gray-200);
    border-radius: var(--radius-md);
}

.card--elevated {
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
}

.card--muted {
    background: var(--gray-50);
}