/**
 * Moduł: karta statystyki.
 * Figma: linia u góry kolumny, 17 px odstępu, liczba 100/120, podpis 20/30 w odległości 39 px.
 * Wariant accent (ostatnia kolumna): liczba, podpis i linia w zieleni.
 */

.card-stat {
	display: flex;
	flex-direction: column;
	min-height: 207px;
	padding-top: 17px;
	border-top: 1px solid var(--color-ink);
}

.card-stat--accent {
	border-top-color: var(--color-primary);
}

.card-stat__value {
	margin: 0;
	font-family: var(--font-display);
	font-size: var(--fs-display-xl);
	font-weight: 300;
	line-height: var(--lh-display);
	letter-spacing: var(--ls-display);
	color: var(--color-ink);
	white-space: nowrap;
}

.card-stat--accent .card-stat__value {
	color: var(--color-primary);
}

.card-stat__label {
	margin: auto 0 0;
	font-size: var(--fs-body-lg);
	font-weight: 500;
	line-height: var(--lh-body);
	color: var(--color-muted);
}

.card-stat--accent .card-stat__label {
	color: var(--color-primary);
}