export function StatCard({ label, value, accent }: { label: string; value: string | number; accent?: "muted" | "red" | "emerald" }) {
  const valueColor =
    accent === "red" ? "text-red-400" : accent === "emerald" ? "text-emerald-400" : "text-[var(--rk-ink)]";

  return (
    <div className="bg-[var(--rk-surface)] border border-white/10 rounded-2xl px-5 py-4">
      <p className="text-xs uppercase tracking-[0.1em] text-[var(--rk-ink-muted)]">{label}</p>
      <p className={`mt-1.5 text-2xl font-semibold tracking-tight ${valueColor}`}>{value}</p>
    </div>
  );
}