@import "tailwindcss";

body {
	background: #f6f8fa;
	font-family: "Inter", sans-serif;
}
.fade-in {
	animation: fadeIn 0.3s ease-in-out forwards;
}
@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.status-open {
	background: #dafbe1;
	color: #1a7f37;
}
.status-closed {
	background: #ffebe9;
	color: #cf222e;
}
.priority-high {
	background: #ffebe9;
	color: #cf222e;
}
.priority-medium {
	background: #fff8c5;
	color: #7d4e00;
}
.priority-low {
	background: #eaeef2;
	color: #57606a;
}
.issue-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}
.modal-overlay {
	backdrop-filter: blur(4px);
	background: rgba(0, 0, 0, 0.4);
}

mark {
	background-color: #fef08a;
	color: #1a1a1a;
	padding: 0 2px;
	border-radius: 2px;
	transition: all 0.2s ease;
}

.group:hover mark {
	background-color: #fde047;
}

.countme {
	font-variant-numeric: lining-nums;
}