/* ==========================================================================
   Cards — Memory cards, prompt cards, general card patterns
   ========================================================================== */

.card {
	background-color: var(--sc-surface);
	border: var(--sc-border-width) solid var(--sc-border-subtle);
	border-radius: var(--sc-radius-md);
	padding: var(--sc-space-md);
	box-shadow: var(--sc-shadow-sm);
	transition: box-shadow var(--sc-transition-fast) var(--sc-ease-default);
}

.card:hover {
	box-shadow: var(--sc-shadow-md);
}

.card-title {
	font-family: var(--sc-font-display);
	font-size: var(--sc-text-lg);
	font-weight: var(--sc-weight-semibold);
	color: var(--sc-text-primary);
}

.card-meta {
	font-size: var(--sc-text-sm);
	color: var(--sc-text-secondary);
	margin-top: var(--sc-space-xs);
}