/* Small custom layer on top of Tailwind. Tailwind CDN handles 99% of styling. */

html, body {
	font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* Stage pill states */
.stage-pill {
	transition: background-color 120ms ease, border-color 120ms ease;
}
.stage-pill[data-done="1"] {
	background-color: #ecfdf5;
	border-color: #a7f3d0;
}
.stage-pill[data-done="1"] .stage-icon {
	color: #10b981;
}
.stage-pill .stage-icon {
	color: #94a3b8;
}

/* Tooltip for stage pills */
.stage-pill .stage-tooltip {
	opacity: 0;
	pointer-events: none;
	transition: opacity 120ms ease;
}
.stage-pill:hover .stage-tooltip {
	opacity: 1;
}