/** Generic content-card foundations. Product-specific cards follow later. */

.oz-card {
	background: var(--oz-color-background);
	border: 1px solid var(--oz-color-border);
	border-radius: var(--oz-radius-large);
	box-shadow: var(--oz-shadow-subtle);
	color: var(--oz-color-text);
	display: flex;
	flex-direction: column;
	gap: var(--oz-content-gap);
	height: 100%;
	overflow: clip;
	padding: var(--oz-card-padding);
}

.oz-card--surface { background: var(--oz-color-surface); border-color: transparent; }
.oz-card--interactive:hover,
.oz-card--interactive:focus-within { border-color: color-mix(in srgb, var(--oz-color-primary) 35%, var(--oz-color-border)); box-shadow: var(--oz-shadow-card); }

@supports not (overflow: clip) {
	.oz-card { overflow: hidden; }
}