:root {
	--tile-ink: #172033;
	--tile-muted: #667085;
	--tile-border: #e4e7ec;
	--tile-accent: #2563eb;
	--tile-accent-soft: #eaf1ff;
}

.tile-card {
	height: 100%;
	border: 1px solid var(--tile-border);
	border-radius: .8rem;
	box-shadow: 0 3px 12px rgba(16, 24, 40, .05);
	transition: transform .15s ease, box-shadow .15s ease;
}
.tile-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(16, 24, 40, .1);
}
.tile-icon {
	display: grid;
	width: 2.5rem;
	height: 2.5rem;
	place-items: center;
	border-radius: .6rem;
	margin-bottom: .75rem;
	color: var(--tile-accent);
	background: var(--tile-accent-soft);
	font-size: 1.1rem;
}
.tile-card .card-title {
	color: var(--tile-ink);
	font-weight: 700;
}
.tile-card .card-text {
	color: var(--tile-muted);
	font-size: .9rem;
}